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 flat 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 128 128"
>
<linearGradient id="a">
<stop offset="0" stop-color="#58595b" />
<stop offset="1" stop-color="#414042" />
</linearGradient>
<linearGradient
id="e"
x1="19"
x2="19"
y1="-4.125"
y2="52.948"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="15"
x2="15"
y1="-4.125"
y2="52.948"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="109"
x2="109"
y1="-4.125"
y2="52.948"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="113"
x2="113"
y1="-4.125"
y2="52.948"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="27"
x2="27"
y1="87.17"
y2="125.417"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="23"
x2="23"
y1="112.861"
y2="145.674"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="31"
x2="31"
y1="112.861"
y2="145.674"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="l"
x1="101"
x2="101"
y1="87.17"
y2="125.417"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="m"
x1="105"
x2="105"
y1="112.861"
y2="145.674"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="n"
x1="97"
x2="97"
y1="112.861"
y2="145.674"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#fbb75d" />
<stop offset="1" stop-color="#fca845" />
</linearGradient>
<linearGradient
id="o"
x1="64"
x2="64"
y1="87.655"
y2="100.573"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="p"
x1="64"
x2="64"
y1="-25.167"
y2="82.838"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffd486" />
<stop offset="1" stop-color="#ffb76a" />
</linearGradient>
<linearGradient
id="q"
x1="64"
x2="64"
y1="68.981"
y2="91.404"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#f1f2f2" />
<stop offset="1" stop-color="#e6e7e8" />
</linearGradient>
<linearGradient
id="r"
x1="36"
x2="36"
y1="7"
y2="16.982"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient id="d">
<stop offset="0" stop-color="#e15c63" />
<stop offset=".406" stop-color="#de585f" />
<stop offset=".826" stop-color="#d44b53" />
<stop offset="1" stop-color="#ce444c" />
</linearGradient>
<linearGradient
id="s"
x1="45"
x2="45"
y1="7.795"
y2="23.897"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="t"
x1="28.123"
x2="28.123"
y1="61.631"
y2="74.4"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="u"
x1="31.071"
x2="31.071"
y1="85.867"
y2="118.583"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="v"
x1="31.315"
x2="31.315"
y1="58.651"
y2="78.418"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="w"
x1="31"
x2="31"
y1="51.896"
y2="68.824"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="x"
x1="9"
x2="9"
y1="-4.125"
y2="52.948"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="y"
x1="64"
x2="64"
y1="-4.125"
y2="52.948"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="z"
x1="64"
x2="64"
y1="-13.081"
y2="25.297"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="A"
x1="92"
x2="92"
y1="7"
y2="16.982"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="B"
x1="83"
x2="83"
y1="7.795"
y2="23.897"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="C"
x1="99.877"
x2="99.877"
y1="61.631"
y2="74.4"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="D"
x1="96.929"
x2="96.929"
y1="85.867"
y2="118.583"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="E"
x1="96.685"
x2="96.685"
y1="58.651"
y2="78.418"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="F"
x1="64"
x2="64"
y1="66.2"
y2="78.939"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="G"
x1="97"
x2="97"
y1="51.896"
y2="68.824"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="H"
x1="119"
x2="119"
y1="15.624"
y2="46.356"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="I"
x1="64"
x2="64"
y1="8.788"
y2="66.153"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="J"
x1="43"
x2="43"
y1="17.131"
y2="32.031"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="K"
x1="64"
x2="64"
y1="10.576"
y2="23.444"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#e)"
d="M9 23a1 1 0 0 1-1-1v-5a1 1 0 0 1 .669-.944l20-7a1 1 0 1 1 .661 1.887L10 17.709V22a1 1 0 0 1-1 1z"
/>
<path
fill="url(#f)"
d="M21 54a.987.987 0 0 1-.384-.078l-12-5A.997.997 0 0 1 8 48v-4a1 1 0 0 1 2 0v3.333l11.385 4.744A1 1 0 0 1 21 54z"
/>
<path
fill="url(#g)"
d="M119 23a1 1 0 0 1-1-1v-4.291l-19.331-6.766a1 1 0 1 1 .661-1.887l20 7A1 1 0 0 1 120 17v5a1 1 0 0 1-1 1z"
/>
<path
fill="url(#h)"
d="M107 54a1 1 0 0 1-.385-1.924L118 47.333V44a1 1 0 0 1 2 0v4a1 1 0 0 1-.615.923l-12 5A.99.99 0 0 1 107 54z"
/>
<path
fill="url(#i)"
d="M31.303 126h-8.607A5.696 5.696 0 0 1 17 120.303V98.697A5.696 5.696 0 0 1 22.697 93h8.607A5.696 5.696 0 0 1 37 98.697v21.607A5.696 5.696 0 0 1 31.303 126z"
/>
<path
fill="url(#j)"
d="M21 125.743a5.696 5.696 0 0 0 1.697.257H25V93h-2.303c-.591 0-1.161.09-1.697.257z"
/>
<path
fill="url(#k)"
d="M33 125.743a5.696 5.696 0 0 1-1.697.257H29V93h2.303c.591 0 1.161.09 1.697.257z"
/>
<path
fill="url(#l)"
d="M96.697 126h8.607a5.697 5.697 0 0 0 5.697-5.697V98.697A5.697 5.697 0 0 0 105.304 93h-8.607A5.696 5.696 0 0 0 91 98.697v21.607A5.696 5.696 0 0 0 96.697 126z"
/>
<path
fill="url(#m)"
d="M107 125.743a5.696 5.696 0 0 1-1.697.257H103V93h2.303c.591 0 1.161.09 1.697.257z"
/>
<path
fill="url(#n)"
d="M95 125.743a5.696 5.696 0 0 0 1.697.257H99V93h-2.303c-.591 0-1.161.09-1.697.257z"
/>
<path
fill="url(#o)"
d="M115 98H13c-2.3 0-4 0-4 4.164C9 111 42.379 112.413 64 112c21.621.413 55-1 55-9.836C119 98 117.3 98 115 98z"
/>
<path
fill="url(#p)"
d="M104.008 17.39A12.729 12.729 0 0 0 96.15 7.306C87.878 3.972 82.464 2 64 2S40.122 3.972 31.85 7.306a12.733 12.733 0 0 0-7.858 10.084L13 98c15 4.667 22 6 51 6s36-1.333 51-6z"
/>
<path
fill="url(#q)"
d="M111.347 71.215C98.998 72.695 77.584 75 64 75s-34.998-2.305-47.347-3.785l-2.549 18.691C25.836 91.346 49.425 94 64 94s38.164-2.654 49.896-4.094z"
/>
<circle cx="36" cy="13" r="3" fill="url(#r)" />
<circle cx="45" cy="13" r="2" fill="url(#s)" />
<path
fill="url(#t)"
d="m16.653 71.215-2.549 18.691c6.748.829 17.418 2.058 28.039 2.953-4.858-6.376-5.934-14.926-6.134-19.552a816.306 816.306 0 0 1-19.356-2.092z"
/>
<path
fill="url(#u)"
d="M36.009 73.307a773.174 773.174 0 0 1-14.389-1.512A16.89 16.89 0 0 0 20 79c0 4.787 1.985 9.104 5.169 12.193a681.71 681.71 0 0 0 16.974 1.666c-4.858-6.377-5.934-14.926-6.134-19.552z"
/>
<path
fill="url(#v)"
d="M33 85a7.955 7.955 0 0 0 4.63-1.484c-1.13-3.914-1.511-7.659-1.621-10.21-3.28-.312-6.481-.642-9.501-.969A7.96 7.96 0 0 0 25 77a8 8 0 0 0 8 8z"
/>
<path
fill="url(#w)"
d="M35.968 67h-9.935A2.033 2.033 0 0 1 24 64.968v-1.935C24 61.91 24.91 61 26.032 61h9.935C37.09 61 38 61.91 38 63.032v1.935C38 66.09 37.09 67 35.968 67z"
/>
<path
fill="url(#x)"
d="M10.047 44H7.953A2.953 2.953 0 0 1 5 41.047V24.953A2.953 2.953 0 0 1 7.953 22h2.094A2.953 2.953 0 0 1 13 24.953v16.094A2.953 2.953 0 0 1 10.047 44z"
/>
<path fill="url(#y)" d="M104.364 20H23.636l-4.772 35h90.272z" />
<path
fill="url(#z)"
d="M72.905 2.194C70.306 2.067 67.373 2 64 2s-6.306.067-8.905.194L51 20h26z"
/>
<circle cx="92" cy="13" r="3" fill="url(#A)" />
<circle cx="83" cy="13" r="2" fill="url(#B)" />
<path
fill="url(#C)"
d="m111.347 71.215 2.549 18.691c-6.748.829-17.418 2.058-28.039 2.953 4.858-6.376 5.934-14.926 6.134-19.552a816.306 816.306 0 0 0 19.356-2.092z"
/>
<path
fill="url(#D)"
d="M91.991 73.307a773.174 773.174 0 0 0 14.389-1.512A16.89 16.89 0 0 1 108 79c0 4.787-1.985 9.104-5.169 12.193a681.71 681.71 0 0 1-16.974 1.666c4.858-6.377 5.934-14.926 6.134-19.552z"
/>
<path
fill="url(#E)"
d="M95 85a7.955 7.955 0 0 1-4.63-1.484c1.13-3.914 1.511-7.659 1.621-10.21 3.28-.312 6.481-.642 9.501-.969A7.96 7.96 0 0 1 103 77a8 8 0 0 1-8 8z"
/>
<path
fill="url(#F)"
d="M64 83c-9.927 0-21.962-.994-22.083-1.003a1.001 1.001 0 0 1 .166-1.994c.12.01 12.075.997 21.917.997s21.797-.987 21.917-.997a.995.995 0 0 1 1.08.914 1 1 0 0 1-.914 1.08C85.962 82.006 73.927 83 64 83zM64 89c-9.94 0-19.02-.996-19.11-1.006a1 1 0 0 1-.883-1.104.993.993 0 0 1 1.104-.883C45.2 86.016 54.175 87 64 87s18.8-.984 18.89-.994a.993.993 0 0 1 1.104.883 1 1 0 0 1-.883 1.104C83.02 88.004 73.94 89 64 89z"
/>
<path
fill="url(#G)"
d="M92.032 67h9.935c1.122 0 2.032-.91 2.032-2.032v-1.935c0-1.122-.91-2.032-2.032-2.032h-9.935A2.03 2.03 0 0 0 90 63.032v1.935C90 66.09 90.91 67 92.032 67z"
/>
<path
fill="url(#H)"
d="M117.953 44h2.094A2.953 2.953 0 0 0 123 41.047V24.953A2.953 2.953 0 0 0 120.047 22h-2.094A2.953 2.953 0 0 0 115 24.953v16.094A2.953 2.953 0 0 0 117.953 44z"
/>
<path fill="url(#I)" d="M100.665 20h-73.33L23 55h82z" />
<path
fill="url(#J)"
d="M43 41c-7.72 0-14 6.28-14 14h4c0-5.514 4.486-10 10-10s10 4.486 10 10h4c0-7.72-6.28-14-14-14z"
/>
<path
fill="url(#K)"
d="M73.08 29H54.92A1.92 1.92 0 0 1 53 27.08v-1.16c0-1.06.859-1.92 1.92-1.92h18.16c1.06 0 1.92.859 1.92 1.92v1.161c0 1.06-.859 1.919-1.92 1.919z"
/>
</svg>
More icons in the same style and category