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 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 64 64"
>
<linearGradient
id="a"
x1="6.525"
x2="60.681"
y1="69.131"
y2="13.632"
gradientUnits="userSpaceOnUse"
>
<stop offset=".133" stop-color="#a617ff" />
<stop offset=".477" stop-color="#6359e3" />
<stop offset="1" stop-color="#5bcbfa" />
</linearGradient>
<linearGradient
id="b"
x1="1.136"
x2="55.292"
y1="63.872"
y2="8.373"
href="#a"
/>
<linearGradient
id="c"
x1="-9.408"
x2="44.748"
y1="53.583"
y2="-1.916"
href="#a"
/>
<linearGradient
id="d"
x1="12.722"
x2="66.878"
y1="75.178"
y2="19.679"
href="#a"
/>
<linearGradient
id="e"
x1="1.452"
x2="55.609"
y1="64.181"
y2="8.682"
href="#a"
/>
<linearGradient
id="f"
x1="-2.41"
x2="51.746"
y1="60.412"
y2="4.913"
href="#a"
/>
<linearGradient
id="g"
x1="23.006"
x2="77.162"
y1="85.213"
y2="29.714"
href="#a"
/>
<linearGradient
id="h"
x1="12.086"
x2="66.242"
y1="74.557"
y2="19.058"
href="#a"
/>
<linearGradient
id="i"
x1="8.663"
x2="62.819"
y1="71.217"
y2="15.718"
href="#a"
/>
<linearGradient
id="j"
x1="15.085"
x2="69.241"
y1="77.483"
y2="21.985"
href="#a"
/>
<linearGradient
id="k"
x1="-9.918"
x2="44.238"
y1="53.086"
y2="-2.413"
href="#a"
/>
<linearGradient
id="l"
x1="12.108"
x2="66.264"
y1="74.579"
y2="19.08"
href="#a"
/>
<path fill="url(#a)" d="M9 60V42h2V22H4v20h2v18H2v2h60v-2z" />
<path
fill="url(#b)"
d="M57 10a2 2 0 0 0-2-2H21a2 2 0 0 0-2 2v33h38zM33 40a1 1 0 0 1-1 1H22a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1zm22 0a1 1 0 0 1-1 1H44a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1zm0-14a1 1 0 0 1-1 1H22a1 1 0 0 1-1-1V12a1 1 0 0 1 1-1h31a2 2 0 0 1 2 2z"
/>
<path fill="url(#c)" d="M32 4h12v2H32z" />
<path fill="url(#d)" d="M45 37h8v2h-8z" />
<path fill="url(#e)" d="M23 37h8v2h-8z" />
<path
fill="url(#f)"
d="M23 25h20.586l-4.293-4.293 1.414-1.414L46.414 25H53V13H23z"
/>
<path fill="url(#g)" d="M50 53h4v5h-4z" />
<path fill="url(#h)" d="M17 45h42v6H17z" />
<path fill="url(#i)" d="M22 53h4v5h-4z" />
<path fill="url(#j)" d="M33 53h10v2H33z" />
<path fill="url(#k)" d="M18 23h-2v5h2z" />
<path fill="url(#l)" d="M61 23h-2v5h2z" />
</svg>
More icons in the same style and category