Add icons to this collection by clicking the heart icon.
Bus icon - also known as transport, vehicle, bus, automobile, public transport, transportation, and school bus. Created in a clean lineal color style with a white, gray, black, yellow, teal, and orange finish, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="512"
height="512"
viewBox="0 0 60 60"
>
<g fill="none" fill-rule="nonzero">
<g transform="translate(1 1)">
<path
fill="#9e9e9e"
d="M51 45v5a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1v-5a1 1 0 0 1 1-1h14v2a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-2h14a1 1 0 0 1 1 1z"
/>
<path
fill="#545c60"
d="M50 44h-3a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1h3a1 1 0 0 0 1-1v-5a1 1 0 0 0-1-1z"
/>
<path
fill="#37474f"
d="M18 51v5a2 2 0 0 1-2 2h-4a2 2 0 0 1-2-2v-5zM48 51v5a2 2 0 0 1-2 2h-4a2 2 0 0 1-2-2v-5z"
/>
<path
fill="#ffeb3a"
d="M48.79 25.2V25H9.23v.2A31.26 31.26 0 0 0 9 28.82V44h13v-2a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v2h13V28.82c0-1.21-.07-2.418-.21-3.62zM15.5 34a2.5 2.5 0 1 1 0-5 2.5 2.5 0 0 1 0 5zm27 0a2.5 2.5 0 1 1 0-5 2.5 2.5 0 0 1 0 5z"
/>
<path
fill="#fec108"
d="M48.79 25.2V25h-3v.2c.14 1.202.21 2.41.21 3.62V44h3V28.82c0-1.21-.07-2.418-.21-3.62z"
/>
<path fill="#00bcd4" d="M48.77 25H9.23L11 10h36z" />
<path fill="#00838f" d="M47 10h-3l1.77 15h3z" />
<path
fill="#ffeb3a"
d="M48 6v3a1 1 0 0 1-1 1H35V6a2 2 0 0 0-2-2h-8a2 2 0 0 0-2 2v4H11a1 1 0 0 1-1-1V6c0-2.49 8-6 19-6s19 3.51 19 6z"
/>
<path
fill="#fec108"
d="M29 0h-1.5C37.76.33 45 3.62 45 6v3a1 1 0 0 1-1 1h3a1 1 0 0 0 1-1V6c0-2.49-7.95-6-19-6z"
/>
<circle cx="15.5" cy="31.5" r="2.5" fill="#00bcd4" />
<circle cx="42.5" cy="31.5" r="2.5" fill="#00bcd4" />
<path
fill="#ff9801"
d="M35 6v4H23V6a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2z"
/>
<path
fill="#f57c00"
d="M33 4h-3a2 2 0 0 1 2 2v4h3V6a2 2 0 0 0-2-2z"
/>
<rect width="6" height="10" y="15" fill="#9e9e9e" rx="2" />
<rect width="6" height="10" x="52" y="15" fill="#9e9e9e" rx="2" />
<path
fill="#545c60"
d="M56 15h-2a2.08 2.08 0 0 0-.5.07A2 2 0 0 1 55 17v6a2 2 0 0 1-1.5 1.93c.163.044.331.067.5.07h2a2 2 0 0 0 2-2v-6a2 2 0 0 0-2-2z"
/>
<rect width="14" height="6" x="22" y="41" fill="#f5f5f5" rx="1" />
</g>
<g fill="#000">
<path
d="M16.5 29a3.5 3.5 0 1 0 0 7 3.5 3.5 0 0 0 0-7zm0 5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zM43.5 29a3.5 3.5 0 1 0 0 7 3.5 3.5 0 0 0 0-7zm0 5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zM36 31H24a1 1 0 0 0 0 2h12a1 1 0 0 0 0-2zM36 35H24a1 1 0 0 0 0 2h12a1 1 0 0 0 0-2z"
/>
<path
d="M3 27h2a3 3 0 0 0 3-3v-6a3 3 0 0 0-3-3v-1a2 2 0 0 1 2-2h3.88L9.22 26.08A31.27 31.27 0 0 0 9 29.82V44a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h1v4a3 3 0 0 0 3 3h4a3 3 0 0 0 3-3v-4h20v4a3 3 0 0 0 3 3h4a3 3 0 0 0 3-3v-4h1a2 2 0 0 0 2-2v-5a2 2 0 0 0-2-2V29.82a31.27 31.27 0 0 0-.22-3.74L49.12 12H53a2 2 0 0 1 2 2v1a3 3 0 0 0-3 3v6a3 3 0 0 0 3 3h2a3 3 0 0 0 3-3v-6a3 3 0 0 0-3-3v-1a4 4 0 0 0-4-4h-3V7c0-3.66-9.53-7-20-7S10 3.34 10 7v3H7a4 4 0 0 0-4 4v1a3 3 0 0 0-3 3v6a3 3 0 0 0 3 3zm55-9v6a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1v-6a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1zm-10.89-6 1.53 13H31V12zM35 10H25V7a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1zm-11 2h5v13H11.36l1.53-13zm-6 45a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1v-4h6zm30 0a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1v-4h6zm3-6H9v-5h13v1a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-1h13zm-15-6v2H24v-4h12zm2-1v-1a2 2 0 0 0-2-2H24a2 2 0 0 0-2 2v1H11V29.82c0-.94.06-1.88.14-2.82h37.72c.08.94.14 1.88.14 2.82V44zM12 7c0-1.24 6.38-5 18-5s18 3.76 18 5v3H37V7a3 3 0 0 0-3-3h-8a3 3 0 0 0-3 3v3H12zM2 18a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1z"
/>
</g>
<path
fill="#f5f5f5"
d="M15 19a1 1 0 0 0 .71-.29l3-3a1.004 1.004 0 1 0-1.42-1.42l-3 3A1 1 0 0 0 15 19zM15 24a1 1 0 0 0 .71-.29l8-8a1.004 1.004 0 1 0-1.42-1.42l-8 8A1 1 0 0 0 15 24zM33.29 18.71a1 1 0 0 0 1.42 0l3-3a1.004 1.004 0 0 0-1.42-1.42l-3 3a1 1 0 0 0 0 1.42zM33.29 23.71a1 1 0 0 0 1.42 0l8-8a1.004 1.004 0 0 0-1.42-1.42l-8 8a1 1 0 0 0 0 1.42z"
/>
</g>
</svg>
More icons in the same style and category