Add icons to this collection by clicking the heart icon.
Bus icon - also known as transport, bus, public, transportation, school bus, bus school, and electric 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 1706.66 1706.66"
>
<linearGradient
id="b"
x1=".001%"
x2="100.001%"
y1="50%"
y2="50%"
gradientUnits="objectBoundingBox"
>
<stop offset="0" stop-color="#c73c5b" />
<stop offset="1" stop-color="#a32f60" />
</linearGradient>
<linearGradient
id="a"
x1=".003%"
x2="100%"
y1="50%"
y2="50%"
gradientUnits="objectBoundingBox"
>
<stop offset="0" stop-color="#e87ea2" />
<stop offset="1" stop-color="#fcd3a5" />
</linearGradient>
<linearGradient
id="c"
x1="1428.68"
x2="1638.44"
y1="432.5"
y2="432.5"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="68.23"
x2="278"
y1="432.5"
y2="432.5"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="672.12"
x2="1034.54"
y1="1065.7"
y2="1065.7"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="e"
x1="672.12"
x2="1034.54"
y1="944.81"
y2="944.81"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<g fill-rule="evenodd">
<path
fill="url(#b)"
d="M1133.11 279.27H573.57c-11.04 0-20-8.96-20-20V52.03c0-11.04 8.96-20 20-20h559.52c11.04 0 20 8.96 20 20v207.23c.02 11.05-8.96 20.01-19.98 20.01z"
/>
<path
fill="url(#c)"
d="M1618.44 509.75c-11.04 0-20-8.96-20-20v-94.52h-150.02c-26.33 0-26.32-40 0-40h170.02c11.04 0 20 8.96 20 20v114.52c0 11.04-8.96 20-20 20z"
/>
<path
fill="url(#d)"
d="M88.22 509.75c-11.04 0-20-8.96-20-20V375.23c0-11.04 8.96-20 20-20h170.03c26.33 0 26.33 40 0 40H108.22v94.52c0 11.04-8.95 20-20 20z"
/>
<path
fill="url(#a)"
d="M1298.69 1674.63h-105c-65.87 0-119.48-53.59-119.48-119.48v-117.57c0-11.04 8.97-20 20-20h303.94c11.04 0 20 8.97 20 20v117.57c.03 65.87-53.57 119.48-119.46 119.48zM512.96 1674.63h-105c-65.87 0-119.47-53.59-119.47-119.48v-117.57c0-11.04 8.96-20 20-20h303.94c11.04 0 20 8.97 20 20v117.57c0 65.87-53.59 119.48-119.47 119.48zM1448.42 1224.45H258.24c-11.04 0-20-8.97-20-20V375.24c0-74.97 61-135.97 135.97-135.97l958.22.01c74.97 0 135.98 61 135.98 135.97v829.19c0 11.04-8.96 20.01-20 20.01z"
/>
<g fill="url(#b)">
<path
d="M1308.03 826.07H398.62c-11.04 0-20-8.96-20-20V416.72c0-11.04 8.96-20 20-20h909.42c11.04 0 20 8.96 20 20v389.35c0 11.06-8.98 20-20.02 20zM1436.33 1457.59H270.32c-47.59 0-86.3-38.72-86.3-86.32v-166.83c0-11.04 8.96-20 20-20h1298.62c11.04 0 20 8.97 20 20v166.83c0 47.59-38.72 86.31-86.3 86.31zM1238.44 1113.16c-59.5 0-107.91-48.4-107.91-107.91s48.4-107.91 107.91-107.91 107.92 48.4 107.92 107.91-48.42 107.91-107.92 107.91zM468.22 1113.16c-59.5 0-107.9-48.4-107.9-107.91s48.4-107.91 107.9-107.91 107.9 48.4 107.9 107.91-48.4 107.91-107.9 107.91z"
/>
</g>
<path
fill="url(#e)"
d="M1014.79 964.81H691.86c-26.33 0-26.33-40 0-40h322.93c26.32 0 26.32 40 0 40z"
/>
<path
fill="url(#f)"
d="M1014.79 1085.7H691.86c-26.33 0-26.33-40 0-40h322.93c26.32 0 26.32 40 0 40z"
/>
<path
fill="url(#b)"
d="M1686.65 716.98h-136.41c-11.04 0-20-8.96-20-20V489.74c0-11.04 8.97-20 20-20h136.41c11.04 0 20 8.96 20 20v207.23c0 11.04-8.96 20-20 20zM156.43 716.98H20c-11.04 0-20-8.96-20-20V489.74c0-11.04 8.96-20 20-20h136.43c11.04 0 20 8.96 20 20v207.23c0 11.04-8.94 20-20 20z"
/>
<path fill="url(#a)" d="M873.33 826.07h-40V396.71h40z" />
</g>
</svg>
More icons in the same style and category