Add icons to this collection by clicking the heart icon.
Bus icon - also known as transport, vehicle, travel, bus, public, transportation, school bus, bus school, electric bus, and bus station. 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="59.106"
x2="47.949"
y1="24.734"
y2="13.577"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#2f80ed" />
<stop offset="1" stop-color="#56ccf2" />
</linearGradient>
<linearGradient
id="f"
x1="14.327"
x2="4.601"
y1="22.713"
y2="12.987"
href="#a"
/>
<linearGradient
id="b"
x1="51.243"
x2="37.217"
y1="61.157"
y2="47.13"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" />
<stop offset="1" stop-color="#b3b3b3" />
</linearGradient>
<linearGradient
id="g"
x1="29.243"
x2="15.217"
y1="61.157"
y2="47.13"
href="#b"
/>
<linearGradient
id="h"
x1="57.387"
x2="9.95"
y1="55.973"
y2="8.536"
href="#a"
/>
<linearGradient
id="e"
x1="63.185"
x2="12.786"
y1="56.467"
y2="6.068"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b3b3b3" />
<stop offset="1" stop-color="#fff" />
</linearGradient>
<linearGradient
id="c"
x1="26.205"
x2="5.739"
y1="56.015"
y2="35.548"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f2994a" />
<stop offset=".46" stop-color="#f2ad4b" />
<stop offset="1" stop-color="#f2c94c" />
</linearGradient>
<linearGradient
id="d"
x1="23.248"
x2="6.819"
y1="53.057"
y2="36.629"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f2c94c" />
<stop offset=".54" stop-color="#f2ad4b" />
<stop offset="1" stop-color="#f2994a" />
</linearGradient>
<linearGradient
id="i"
x1="54.838"
x2="34.662"
y1="54.202"
y2="34.025"
href="#c"
/>
<linearGradient
id="j"
x1="53.682"
x2="37.464"
y1="53.045"
y2="36.828"
href="#d"
/>
<linearGradient
id="k"
x1="40.3"
x2="20.024"
y1="55.3"
y2="35.024"
href="#e"
/>
<linearGradient
id="l"
x1="42.257"
x2="21.982"
y1="53.343"
y2="33.067"
href="#e"
/>
<path
fill="url(#a)"
d="M55 25a1 1 0 0 1-1-1v-6a1.2 1.2 0 0 0-1.3-1h-2.928a1 1 0 1 1 0-2H52.7a3.164 3.164 0 0 1 3.3 3v6a1 1 0 0 1-1 1z"
/>
<path
fill="url(#f)"
d="M9 25a1 1 0 0 1-1-1v-6a3.164 3.164 0 0 1 3.3-3h2.928a1 1 0 1 1 0 2H11.3a1.2 1.2 0 0 0-1.3 1v6a1 1 0 0 1-1 1z"
/>
<path
fill="url(#b)"
d="M45 56h-4a3 3 0 0 1-3-3v-1a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v1a3 3 0 0 1-3 3z"
/>
<path
fill="url(#g)"
d="M23 56h-4a3 3 0 0 1-3-3v-1a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v1a3 3 0 0 1-3 3z"
/>
<path
fill="url(#h)"
d="M47.772 52H16.228a3 3 0 0 1-3-3V13a5.006 5.006 0 0 1 5-5h27.544a5.006 5.006 0 0 1 5 5v36a3 3 0 0 1-3 3z"
/>
<path
fill="url(#e)"
d="M50.772 37.08H13.228V12.92h36.544a.966.966 0 0 1 1 .929z"
/>
<path
fill="url(#c)"
d="M21.5 52h-5.272a3 3 0 0 1-3-3v-9H14.5a7.008 7.008 0 0 1 7 7z"
/>
<path
fill="url(#d)"
d="M16.228 51a2 2 0 0 1-2-2v-8h.272a6.006 6.006 0 0 1 6 6v4z"
/>
<path
fill="url(#i)"
d="M47.772 52H42.5v-5a7.008 7.008 0 0 1 7-7h1.272v9a3 3 0 0 1-3 3z"
/>
<path
fill="url(#j)"
d="M43.5 51v-4a6.006 6.006 0 0 1 6-6h.272v8a2 2 0 0 1-2 2z"
/>
<path
fill="url(#k)"
d="M36.922 48h-9.844a1 1 0 0 1 0-2h9.844a1 1 0 0 1 0 2z"
/>
<path
fill="url(#l)"
d="M36.922 44.085h-9.844a1 1 0 1 1 0-2h9.844a1 1 0 0 1 0 2z"
/>
</svg>
More icons in the same style and category