A bus in profile with its row of windows, for buses, routes, stops and public transport. On a 24×24 grid in stroke, two-tone, duotone and fill, free under MIT.
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M10 18L14 18M9 18C9 19.1046 8.1046 20 7 20C5.8954 20 5 19.1046 5 18C5 16.8954 5.8954 16 7 16C8.1046 16 9 16.8954 9 18ZM19 18C19 19.1046 18.1046 20 17 20C15.8954 20 15 19.1046 15 18C15 16.8954 15.8954 16 17 16C18.1046 16 19 16.8954 19 18ZM5 18L4 18C2.8954 18 2 17.1046 2 16L2 6C2 4.8954 2.8954 4 4 4L17.4118 4C17.7936 4 18.1651 4.1238 18.4706 4.3529C20.6924 6.0193 22 8.6345 22 11.4118L22 12L22 16C22 17.1046 21.1046 18 20 18L19 18M14 4L14 9M14 9L16.7071 11.7071C16.8946 11.8946 17.149 12 17.4142 12L22 12M14 9L8 9M8 9L2 9M8 9L8 4" fill="none"/>
</svg>Also called
What someone searching for this drawing would have typed instead. These are the words the browser's search matches on.
- coach
- transit
- public transport
- school bus
- shuttle
- bus stop
Related icons
The rest of the bus family first, then the Transport shelf.
FAQ
Answered from bus's own facts: its shelf, the weights it was drawn in, its siblings and its dates.
- What is the bus icon for?
- A bus in profile with its row of windows, for buses, routes, stops and public transport. It is filed under Transport in Keyline Icons, drawn on the same 24×24 grid as the rest of the set. People look for it as coach, transit, public transport, school bus, shuttle and bus stop, and the browser's search matches all of those.
- What styles does the bus icon come in?
- All four: stroke, two-tone, duotone and fill. They are drawn from the same geometry, so swapping style never moves anything.
- Is there a square or circle version of bus?
- No. bus is drawn as a bare glyph, and the set has no boxed variant of it.
- What other icons go with bus?
- bus-off, bike, bike-2, bike-2-off, bike-fast and bike-off, and 12 more, all shown below. The bus family is listed first, then the rest of the Transport shelf, so the row under this one is the useful one even where a shelf runs long.
- How do I import bus in React?
- <Bus /> is the component, and the weight decides the module: stroke from "@keyline-icons/react", two-tone from "@keyline-icons/react/two-tone", duotone from "@keyline-icons/react/duotone" and fill from "@keyline-icons/react/fill". It takes the usual SVG props plus a size, so <Bus size={16} /> and className="size-4" both work, and there is no provider or theme to set up.
- Where is the bus SVG?
- icons/stroke/bus.svg, icons/two-tone/bus.svg, icons/duotone/bus.svg and icons/fill/bus.svg in the repository, normalised: no wrapper, no ids and no classes to strip out. The tabs above hand you the same drawing as SVG or JSX without the download, and neither needs an install.
- When was bus added to the set?
- Added 25 Oct 2026. It ships in v2.2.0, so an install at that version or later has it.
Questions about the set rather than about this drawing are answered where they belong. The home page covers what the set is, how the three styles differ, why some icons come boxed and where the Figma file is; installing the set in a shadcn/ui project covers the React package, the CLI and using an icon without React. The MIT licence is stated in the footer of every page.