Tour Icon
Free SVG icon from the Carbon Icons collection. Download or copy for use in any project.
The Tour icon is available as a free SVG and is ready to drop into any web or app project.
img tag
<img src="https://proicons.com/icon/319105.svg" alt="Tour icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/319105.svg" alt="Tour icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/319105.svg" alt="Tour icon" :width="24" :height="24" />
CSS background
.icon-tour {
background-image: url('https://proicons.com/icon/319105.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<?xml version="1.0" encoding="UTF-8"?>
<svg id="icon" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
<defs>
<style>
.cls-1 {
fill: none;
}
</style>
</defs>
<path d="m24,18l-4.7788-6.4019c-.7979-1.0562-1.2212-2.302-1.2212-3.5981,0-3.3083,2.6914-6,6-6s6,2.6917,6,6c0,1.2961-.4233,2.542-1.2246,3.6028l-4.7754,6.3972Zm0-14c-2.2056,0-4,1.7944-4,4,0,.8577.2837,1.6865.8203,2.3972l3.1797,4.2595,3.1763-4.2549c.54-.7153.8237-1.5442.8237-2.4019,0-2.2056-1.7944-4-4-4Z"/>
<circle cx="24" cy="8" r="2"/>
<path d="m28,18v4H4V6h10v-2H4c-1.1045,0-2,.8955-2,2v16c0,1.1045.8955,2,2,2h8v4h-4v2h16v-2h-4v-4h8c1.1046,0,2-.8955,2-2v-4h-2Zm-10,10h-4v-4h4v4Z"/>
<rect id="_Transparent_Rectangle_" data-name="&lt;Transparent Rectangle&gt;" class="cls-1" width="32" height="32"/>
</svg>
Tour in other icon packs
Copied!