tour · Carbon

Free SVG tour icon from Carbon. Rendered at 24×24 in the filled style and licensed under Apache-2.0. Copy directly as SVG, React (JSX), or Vue. Download as SVG or PNG. No login, no attribution required for Apache-2.0 licensed icons.

Code

HTML / SVG

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><g transform="scale(0.75) translate(0 0)"><path fill="currentColor" d="m24 18l-4.779-6.402A5.94 5.94 0 0 1 18 8c0-3.308 2.691-6 6-6s6 2.692 6 6a5.94 5.94 0 0 1-1.225 3.603zm0-14c-2.206 0-4 1.794-4 4c0 .858.284 1.687.82 2.397l3.18 4.26l3.176-4.255C27.716 9.687 28 8.858 28 8c0-2.206-1.794-4-4-4"/><circle cx="24" cy="8" r="2" fill="currentColor"/><path fill="currentColor" d="M28 18v4H4V6h10V4H4a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h8v4H8v2h16v-2h-4v-4h8a2 2 0 0 0 2-2v-4zM18 28h-4v-4h4z"/></g></svg>

React

// Run: npx sant-icons get carbon-tour --format react
export function CarbonTour(props) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" {...props}><g transform="scale(0.75) translate(0 0)"><path fill="currentColor" d="m24 18l-4.779-6.402A5.94 5.94 0 0 1 18 8c0-3.308 2.691-6 6-6s6 2.692 6 6a5.94 5.94 0 0 1-1.225 3.603zm0-14c-2.206 0-4 1.794-4 4c0 .858.284 1.687.82 2.397l3.18 4.26l3.176-4.255C27.716 9.687 28 8.858 28 8c0-2.206-1.794-4-4-4"/><circle cx="24" cy="8" r="2" fill="currentColor"/><path fill="currentColor" d="M28 18v4H4V6h10V4H4a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h8v4H8v2h16v-2h-4v-4h8a2 2 0 0 0 2-2v-4zM18 28h-4v-4h4z"/></g></svg>
  );
}

CLI

npx sant-icons get carbon-tour

Properties

Name: tour
Library: Carbon
Style: filled
License: Apache-2.0
Version: 1.2.30
Identifier: carbon-tour

The tour icon ships with Carbon, an open-source icon set licensed under Apache-2.0. Search for it as "carbon tour", "tour svg", or any of its tagged terms (tour). The SVG is normalised to a 24×24 viewBox so you can drop it into any UI framework alongside the other icons here without scaling concerns.

Need this icon in your codebase fast? Install the MCP server for Claude Code (or any MCP-aware AI tool) and ask the model to fetch carbon-tour directly into your project. No browser context-switch.

tour · Carbon

Tags

Code

Properties