Add icons to this collection by clicking the heart icon.
Bus icon - also known as transport, vehicle, bus, public, transportation, and school bus. Created in a clean lineal 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="640"
height="640"
viewBox="0 -40 480 480"
>
<linearGradient id="a">
<stop offset="0" stop-color="#2193b0" />
<stop offset="1" stop-color="#6dd5ed" />
</linearGradient>
<linearGradient
id="b"
x1="0"
x2="480"
y1="200"
y2="200"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="224"
x2="288"
y1="320"
y2="320"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="80"
x2="208"
y1="336"
y2="336"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="336"
x2="432"
y1="144"
y2="144"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="208"
x2="304"
y1="144"
y2="144"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="80"
x2="176"
y1="144"
y2="144"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="240"
x2="288"
y1="240"
y2="240"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M432 48H272V16c0-8.836-7.164-16-16-16H96c-8.836 0-16 7.164-16 16v36.8C32.613 66.985.11 110.536 0 160v160c0 8.836 7.164 16 16 16h32c8.836 0 16-7.164 16-16s-7.164-16-16-16H32v-48h160c8.836 0 16-7.164 16-16s-7.164-16-16-16H32v-64c.055-44.16 35.84-79.945 80-80h320c8.836 0 16 7.164 16 16v112h-16c-21.984 0-32 20.8-32 40s10.016 40 32 40h16v16h-24.895c-16.261-27.41-50.308-38.54-79.62-26.031s-44.833 44.785-36.298 75.492c8.536 30.707 38.493 50.344 70.055 45.93C408.805 394.973 432.22 367.87 432 336h32c8.836 0 16-7.164 16-16V96c0-26.508-21.492-48-48-48zm-320 0V32h128v16zm256 320c-17.672 0-32-14.328-32-32s14.328-32 32-32 32 14.328 32 32-14.328 32-32 32zm65.602-112a24.357 24.357 0 0 1-1.602-7.887c.074-2.777.617-5.52 1.602-8.113H448v16zm0 0"
/>
<path
fill="url(#c)"
d="M272 304h-32c-8.836 0-16 7.164-16 16s7.164 16 16 16h32c8.836 0 16-7.164 16-16s-7.164-16-16-16zm0 0"
/>
<path
fill="url(#d)"
d="M144 272c-35.348 0-64 28.652-64 64s28.652 64 64 64 64-28.652 64-64-28.652-64-64-64zm0 96c-17.672 0-32-14.328-32-32s14.328-32 32-32 32 14.328 32 32-14.328 32-32 32zm0 0"
/>
<path
fill="url(#e)"
d="M416 192c8.836 0 16-7.164 16-16v-32c0-26.508-21.492-48-48-48h-32c-8.836 0-16 7.164-16 16v64c0 8.836 7.164 16 16 16zm-48-64h16c8.836 0 16 7.164 16 16v16h-32zm0 0"
/>
<path
fill="url(#f)"
d="M304 112c0-8.836-7.164-16-16-16h-64c-8.836 0-16 7.164-16 16v64c0 8.836 7.164 16 16 16h64c8.836 0 16-7.164 16-16zm-32 48h-32v-32h32zm0 0"
/>
<path
fill="url(#g)"
d="M96 96c-8.836 0-16 7.164-16 16v64c0 8.836 7.164 16 16 16h64c8.836 0 16-7.164 16-16v-64c0-8.836-7.164-16-16-16zm48 64h-32v-32h32zm0 0"
/>
<path
fill="url(#h)"
d="M272 224h-16c-8.836 0-16 7.164-16 16s7.164 16 16 16h16c8.836 0 16-7.164 16-16s-7.164-16-16-16zm0 0"
/>
</svg>
More icons in the same style and category