Bus Icon
Free SVG icon from the IcoFont collection. Download or copy for use in any project.
The Bus 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/305295.svg" alt="Bus icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/305295.svg" alt="Bus icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/305295.svg" alt="Bus icon" :width="24" :height="24" />
CSS background
.icon-bus {
background-image: url('https://proicons.com/icon/305295.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg width="64" height="64" viewBox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg"><path d="M882 381h-3l-9-237c-2-51-35-81-86-81-64-1-129 0-193 0-126 0-251-1-377 0-49 0-82 31-84 79-3 80-7 159-10 239h-2c-9 0-17 10-17 22v74c0 12 6 21 15 23-3 65-4 129-7 194-2 40 6 75 30 107 2 4 3 9 3 14v85c0 20 11 35 31 36 28 2 57 2 85 0 20-1 31-15 31-36v-41h422v41c0 21 12 35 32 36 28 2 55 2 83 0 20-1 32-15 32-36 0-27-1-55 0-82 0-8 2-16 7-21 18-28 28-58 26-91-2-69-5-137-7-206 8-1 15-11 15-23v-74c0-12-7-22-17-22zM439 102h122c17 0 26 9 27 24 0 15-10 25-27 25H439c-17 0-27-10-27-26 1-14 10-23 27-23zM247 750c-38 0-67-30-67-69 0-38 30-67 68-67s68 30 68 68-30 68-69 68zm531-212c-55 8-110 14-166 18 0-47 39-86 86-86 41 0 75 29 84 67-2 1-3 1-4 1zm-26 212c-38 0-68-30-68-68 0-12 3-23 8-33 2-2 3-5 5-7 12-17 32-28 55-28h9c3 1 6 1 9 2 29 7 50 34 50 66 0 38-30 68-68 68zm71-263c0 24-13 41-34 48-9-41-47-73-91-73-52 0-93 42-93 94-34 3-68 4-102 4-95 1-190-6-283-22-28-4-43-22-43-50 2-87 4-173 6-260 1-18 13-30 31-31 72-4 144-9 216-11 71-2 142-1 212 1 49 1 97 6 145 10 18 1 29 14 29 32 1 45 7 125 7 133v125z"/></svg>
More from IcoFont
View all
Bus in other icon packs
Copied!