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 blue style, 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"
>
<linearGradient
id="a"
x1="16.634%"
x2="83.366%"
y1="-32.047%"
y2="143.853%"
>
<stop offset="0" stop-color="#d3dff2" />
<stop offset=".172" stop-color="#d3dff2" />
<stop offset=".2" stop-color="#d3dff2" />
<stop offset=".2" stop-color="#dae2f2" />
<stop offset=".201" stop-color="#ebeaf2" />
<stop offset=".201" stop-color="#f6eff2" />
<stop offset=".202" stop-color="#fdf2f2" />
<stop offset=".205" stop-color="#fff3f2" />
<stop offset=".252" stop-color="#fff3f2" />
<stop offset=".26" stop-color="#fff3f2" />
<stop offset=".26" stop-color="#d3dff2" />
<stop offset=".397" stop-color="#d3dff2" />
<stop offset=".42" stop-color="#d3dff2" />
<stop offset=".42" stop-color="#dae2f2" />
<stop offset=".421" stop-color="#ebeaf2" />
<stop offset=".421" stop-color="#f6eff2" />
<stop offset=".422" stop-color="#fdf2f2" />
<stop offset=".425" stop-color="#fff3f2" />
<stop offset=".489" stop-color="#fff3f2" />
<stop offset=".5" stop-color="#fff3f2" />
<stop offset=".5" stop-color="#f8f0f2" />
<stop offset=".5" stop-color="#e7e8f2" />
<stop offset=".5" stop-color="#dce3f2" />
<stop offset=".5" stop-color="#d5e0f2" />
<stop offset=".501" stop-color="#d3dff2" />
<stop offset=".706" stop-color="#d3dff2" />
<stop offset=".74" stop-color="#d3dff2" />
<stop offset=".741" stop-color="#fff3f2" />
<stop offset=".835" stop-color="#fff3f2" />
<stop offset=".85" stop-color="#fff3f2" />
<stop offset=".851" stop-color="#d3dff2" />
</linearGradient>
<g fill="none" fill-rule="nonzero">
<path
fill="#e8edfc"
d="M52 46v5a1 1 0 0 1-1 1H9a1 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="#cad9fc"
d="M51 45h-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="#a4c2f7"
d="M19 52v5a2.006 2.006 0 0 1-2 2h-4a2.006 2.006 0 0 1-2-2v-5zM49 52v5a2.006 2.006 0 0 1-2 2h-4a2.006 2.006 0 0 1-2-2v-5z"
/>
<path
fill="#e8edfc"
d="m49.79 26.2-.02-.2H10.23l-.02.2c-.14 1.202-.21 2.41-.21 3.62V45h13v-2a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v2h13V29.82c0-1.21-.07-2.418-.21-3.62zM16.5 35a2.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="#cad9fc"
d="m49.79 26.2-.02-.2h-3l.02.2c.14 1.202.21 2.41.21 3.62V45h3V29.82c0-1.21-.07-2.418-.21-3.62z"
/>
<path fill="url(#a)" d="M49.77 26H10.23L12 11h36z" />
<path
fill="#a4c2f7"
d="M48 11h-3l1.77 15h3zM49 7v3a1 1 0 0 1-1 1H36V7a2.006 2.006 0 0 0-2-2h-8a2.006 2.006 0 0 0-2 2v4H12a1 1 0 0 1-1-1V7c0-2.49 7.95-6 19-6s19 3.51 19 6z"
/>
<path
fill="#7facfa"
d="M30 1c-.509 0-1 .015-1.5.03C38.758 1.329 46 4.625 46 7v3a1 1 0 0 1-1 1h3a1 1 0 0 0 1-1V7c0-2.49-7.95-6-19-6z"
/>
<circle cx="16.5" cy="32.5" r="2.5" fill="#e8edfc" />
<circle cx="43.5" cy="32.5" r="2.5" fill="#e8edfc" />
<path
fill="#e8edfc"
d="M36 7v4H24V7a2.006 2.006 0 0 1 2-2h8a2.006 2.006 0 0 1 2 2z"
/>
<path
fill="#cad9fc"
d="M34 5h-3a2.006 2.006 0 0 1 2 2v4h3V7a2.006 2.006 0 0 0-2-2z"
/>
<rect width="6" height="10" x="1" y="16" fill="#e8edfc" rx="2" />
<rect width="6" height="10" x="53" y="16" fill="#e8edfc" rx="2" />
<path
fill="#cad9fc"
d="M57 16h-2c-.17.002-.337.026-.5.072A2 2 0 0 1 56 18v6a2 2 0 0 1-1.5 1.928c.163.046.33.07.5.072h2a2.006 2.006 0 0 0 2-2v-6a2.006 2.006 0 0 0-2-2z"
/>
<rect width="14" height="6" x="23" y="42" fill="#e8edfc" rx="1" />
<path
fill="#fff"
d="M3 26h2c.17-.002.337-.026.5-.072A2 2 0 0 1 4 24v-6a2 2 0 0 1 1.5-1.928A1.923 1.923 0 0 0 5 16H3a2.006 2.006 0 0 0-2 2v6a2.006 2.006 0 0 0 2 2zM13 59h3a2.006 2.006 0 0 1-2-2v-5h-2a1 1 0 0 1-1-1v-5a1 1 0 0 1 1-1h1c0-20.935-.449-13.245 2-34a1 1 0 0 1-1-1V7c0-2.375 7.242-5.671 17.5-5.97C31 1.015 30.509 1 30 1 18.95 1 11 4.51 11 7v3a1 1 0 0 0 1 1c-2.449 20.755-2 13.065-2 34H9a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1h2v5a2.006 2.006 0 0 0 2 2z"
/>
<path fill="#fff" d="M9 37h2v8H9z" />
<g fill="#428dff">
<path
d="M10.02 42a1 1 0 0 1-.01-2h.01a1 1 0 0 1 0 2zM20 32.5a3.5 3.5 0 1 0-7 0 3.5 3.5 0 0 0 7 0zm-5 0a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0zM47 32.5a3.5 3.5 0 1 0-7 0 3.5 3.5 0 0 0 7 0zm-5 0a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0zM24 33h12a1 1 0 0 0 0-2H24a1 1 0 0 0 0 2zM24 37h12a1 1 0 0 0 0-2H24a1 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.875L9.217 26.084A32.4 32.4 0 0 0 9 29.82V37a1 1 0 0 0 2 0v-7.18c0-.939.056-1.883.144-2.82h37.712c.088.937.144 1.881.144 2.82V44H38v-1a2 2 0 0 0-2-2H24a2 2 0 0 0-2 2v1H9a2 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.82c0-1.249-.073-2.497-.217-3.737L49.125 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.664-9.532-7-20-7S10 3.336 10 7v3H7a4 4 0 0 0-4 4v1a3 3 0 0 0-3 3v6a3 3 0 0 0 3 3zm21 16h12v4H24zm-6 14a1 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-1h13zm7-33v6a1 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.889-6 1.531 13H31V12zM35 10H25V7a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1zm-11 2h5v13H11.358l1.531-13zM12 7c0-1.245 6.384-5 18-5s18 3.755 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"
/>
<path
d="M15 19a1 1 0 0 0 .707-.293l3-3a1 1 0 0 0-1.414-1.414l-3 3A1 1 0 0 0 15 19zM15 24a1 1 0 0 0 .707-.293l8-8a1 1 0 0 0-1.414-1.414l-8 8A1 1 0 0 0 15 24zM33.293 18.707a1 1 0 0 0 1.414 0l3-3a1 1 0 0 0-1.414-1.414l-3 3a1 1 0 0 0 0 1.414zM33.293 23.707a1 1 0 0 0 1.414 0l8-8a1 1 0 0 0-1.414-1.414l-8 8a1 1 0 0 0 0 1.414z"
/>
</g>
</g>
</svg>
More icons in the same style and category