Add icons to this collection by clicking the heart icon.
Bus icon - also known as vehicle, bus, automobile, public transport, and transportation. Created in a clean gradient 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 497 497"
>
<linearGradient id="a">
<stop offset="0" stop-color="#4e5660" />
<stop offset="1" stop-color="#64768d" />
</linearGradient>
<linearGradient
id="d"
x1="136.029"
x2="136.029"
y1="368.803"
y2="450.855"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="-263.971"
x2="-263.971"
y1="368.803"
y2="450.855"
gradientTransform="matrix(-1 0 0 1 97 0)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="248.5"
x2="248.5"
y1="467.623"
y2="40.375"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d4dbdb" />
<stop offset="1" stop-color="#f3f3f3" />
</linearGradient>
<linearGradient
id="g"
x1="248.5"
x2="248.5"
y1="312.824"
y2="116.249"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#74d2e8" />
<stop offset="1" stop-color="#baeaf5" />
</linearGradient>
<linearGradient
id="h"
x1="248.5"
x2="248.5"
y1="127.473"
y2="56.015"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#ec6f80" />
<stop offset="1" stop-color="#eca0aa" />
</linearGradient>
<linearGradient
id="i"
x1="139.27"
x2="139.27"
y1="381.352"
y2="318.43"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="j"
x1="-260.73"
x2="-260.73"
y1="381.352"
y2="318.43"
gradientTransform="matrix(-1 0 0 1 97 0)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#5bd9bb" />
<stop offset=".253" stop-color="#60dabd" />
<stop offset=".573" stop-color="#70dec4" />
<stop offset=".926" stop-color="#8ae4cf" />
<stop offset="1" stop-color="#90e6d2" />
</linearGradient>
<linearGradient
id="k"
x1="248.5"
x2="248.5"
y1="394.847"
y2="338.749"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="l"
x1="36.467"
x2="36.467"
y1="209.697"
y2="66.4"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="m"
x1="-363.533"
x2="-363.533"
y1="209.697"
y2="66.4"
gradientTransform="matrix(-1 0 0 1 97 0)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<path
fill="url(#d)"
d="M153.835 458.421h-35.613c-16.044 0-29.051-13.007-29.051-29.051v-68.795c0-16.044 13.007-29.051 29.051-29.051h35.613c16.044 0 29.051 13.007 29.051 29.051v68.795c0 16.044-13.006 29.051-29.051 29.051z"
/>
<path
fill="url(#e)"
d="M343.165 458.421h35.613c16.044 0 29.051-13.007 29.051-29.051v-68.795c0-16.044-13.007-29.051-29.051-29.051h-35.613c-16.044 0-29.051 13.007-29.051 29.051v68.795c0 16.044 13.006 29.051 29.051 29.051z"
/>
<path
fill="#424e5e"
d="M375.616 388.895h-61.502v30h61.502c8.284 0 15-6.716 15-15 0-8.285-6.716-15-15-15zM118.008 418.895h64.878v-58.32c0-16.044-13.007-29.051-29.051-29.051h-35.613c-16.044 0-29.051 13.007-29.051 29.051v52.957a80.045 80.045 0 0 0 28.837 5.363z"
/>
<path
fill="url(#f)"
d="M378.992 388.895H118.007c-27.878 0-50.478-22.6-50.478-50.478V119.925c0-44.926 36.42-81.345 81.346-81.345h199.249c44.926 0 81.346 36.42 81.346 81.345v218.492c0 27.878-22.599 50.478-50.478 50.478z"
/>
<path
fill="url(#g)"
d="M384.983 250.38c0 15.947-9.806 30.315-24.726 35.945-21.663 8.174-58.151 17.517-111.757 17.517s-90.094-9.343-111.757-17.517c-14.92-5.63-24.726-19.998-24.726-35.945v-80.758c0-12.231 9.916-22.147 22.147-22.147h228.673c12.232 0 22.147 9.916 22.147 22.147v80.758z"
/>
<path
fill="url(#h)"
d="M333.131 124.207H163.869c-9.337 0-16.907-7.57-16.907-16.907V84.273c0-9.337 7.57-16.907 16.907-16.907H333.13c9.337 0 16.907 7.57 16.907 16.907V107.3c.001 9.338-7.569 16.907-16.906 16.907z"
/>
<path
fill="url(#i)"
d="M152.174 369.025h-25.808c-10.715 0-19.401-8.686-19.401-19.401v-12.015c0-10.715 8.686-19.401 19.401-19.401h25.808c10.715 0 19.401 8.686 19.401 19.401v12.015c.001 10.715-8.686 19.401-19.401 19.401z"
/>
<path
fill="url(#j)"
d="M344.826 369.025h25.808c10.715 0 19.401-8.686 19.401-19.401v-12.015c0-10.715-8.686-19.401-19.401-19.401h-25.808c-10.715 0-19.401 8.686-19.401 19.401v12.015c-.001 10.715 8.686 19.401 19.401 19.401z"
/>
<path
fill="url(#k)"
d="M285.367 343.616h-73.735c-8.156 0-14.768 6.612-14.768 14.767v27.367c0 8.156 6.612 14.768 14.768 14.768h73.735c8.156 0 14.767-6.612 14.767-14.768v-27.367c.001-8.155-6.611-14.767-14.767-14.767z"
/>
<path
fill="url(#l)"
d="M50.996 181.623H21.938C9.822 181.623 0 171.801 0 159.685V87.833c0-12.116 9.822-21.938 21.938-21.938h29.057c12.116 0 21.938 9.822 21.938 21.938v71.852c.001 12.116-9.821 21.938-21.937 21.938z"
/>
<path
fill="#12c7aa"
d="M100.634 107.287H39.702c-6.351 0-11.5-5.149-11.5-11.5s5.149-11.5 11.5-11.5h60.932c6.352 0 11.5 5.149 11.5 11.5s-5.149 11.5-11.5 11.5z"
/>
<path
fill="url(#m)"
d="M446.004 181.623h29.057c12.116 0 21.939-9.822 21.939-21.938V87.833c0-12.116-9.822-21.938-21.939-21.938h-29.057c-12.116 0-21.938 9.822-21.938 21.938v71.852c0 12.116 9.822 21.938 21.938 21.938z"
/>
<path
fill="#12c7aa"
d="M457.298 107.287h-60.932c-6.352 0-11.5-5.149-11.5-11.5s5.148-11.5 11.5-11.5h60.932c6.352 0 11.5 5.149 11.5 11.5s-5.149 11.5-11.5 11.5z"
/>
<ellipse cx="160.615" cy="240.859" fill="#eaadcd" rx="14.936" ry="12.003" />
<ellipse cx="336.386" cy="240.859" fill="#eaadcd" rx="14.936" ry="12.003" />
<circle
cx="186.221"
cy="211.241"
r="29.618"
fill="#fff"
transform="rotate(-32.05 186.186 211.17)"
/>
<circle
cx="310.779"
cy="211.241"
r="29.618"
fill="#fff"
transform="rotate(-67.72 310.853 211.318)"
/>
<g fill="#3b3b44">
<circle
cx="186.221"
cy="211.241"
r="17.652"
transform="rotate(-73.21 186.183 211.123)"
/>
<circle
cx="310.779"
cy="211.241"
r="17.652"
transform="rotate(-79.1 310.925 211.22)"
/>
<path
d="M248.5 241.801c-5.247 0-10.495-1.984-14.775-5.954a5 5 0 1 1 6.798-7.333c4.697 4.354 11.256 4.354 15.953 0a5 5 0 1 1 6.798 7.333c-4.279 3.97-9.527 5.954-14.774 5.954z"
/>
</g>
<g fill="#fff">
<path
d="M404.829 230.032c-5.522 0-10-4.477-10-10v-4.829c0-5.523 4.478-10 10-10s10 4.477 10 10v4.829c0 5.523-4.477 10-10 10zM404.829 184.191c-5.522 0-10-4.477-10-10V138.89c0-5.523 4.478-10 10-10s10 4.477 10 10v35.301c0 5.523-4.477 10-10 10z"
/>
</g>
</svg>
More icons in the same style and category