Add icons to this collection by clicking the heart icon.
Bus icon - also known as bus, public transport, and transportation. Created in a clean outline color style with a silver, gray, teal, orange, and pink finish, 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="c"
x1="64"
x2="64"
y1="92"
y2="31"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#da5466" />
<stop offset=".02" stop-color="#db576a" />
<stop offset=".11" stop-color="#e1627c" />
<stop offset=".21" stop-color="#e56a89" />
<stop offset=".36" stop-color="#e76f90" />
<stop offset=".68" stop-color="#e87092" />
</linearGradient>
<linearGradient
id="a"
x1="31"
x2="31"
y1="97"
y2="81"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#464f6b" />
<stop offset="1" stop-color="#575f7c" />
</linearGradient>
<linearGradient id="d" x1="113" x2="113" href="#a" />
<linearGradient id="e" x1="8" x2="8" y1="91" y2="59" href="#a" />
<linearGradient
id="b"
x1="63.5"
x2="63.5"
y1="73"
y2="59"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#9dd5df" />
<stop offset="1" stop-color="#c3e1f5" />
</linearGradient>
<linearGradient id="f" x1="118" x2="118" href="#b" />
<linearGradient id="g" x1="63.99" x2="63.99" y1="47" y2="31" href="#b" />
<g>
<path
fill="url(#c)"
d="M127 46.24V59h-4v14.44l4 4.12V92h-6c-21.36-1.33 1-1-120-1V43a12.18 12.18 0 0 1 12.19-12h106.49a6 6 0 0 1 4.5 2c1.75 1.91 1.49 3 2.82 13.24z"
/>
<path
fill="#dd4e6a"
d="M121 89h6v3c-8 0-2.81.2-22-1H1v-3c120.8 0 98.66-.33 120 1z"
/>
<circle cx="31" cy="89" r="8" fill="url(#a)" />
<circle cx="113" cy="89" r="8" fill="url(#d)" />
<path
fill="#3d465e"
d="M31 97a8 8 0 0 1-7.86-9.5 8 8 0 0 0 15.72 0A8 8 0 0 1 31 97zM113 97a8 8 0 0 1-7.86-9.5 8 8 0 0 0 15.72 0A8 8 0 0 1 113 97z"
/>
<circle cx="31" cy="89" r="3" fill="#adb3c4" />
<circle cx="113" cy="89" r="3" fill="#adb3c4" />
<path
fill="#949aaf"
d="M33.82 90a3 3 0 0 0-5.64 0 3 3 0 1 1 5.64 0zM115.82 90a3 3 0 0 0-5.64 0 3 3 0 1 1 5.64 0z"
/>
<path fill="url(#e)" d="M1 59h14v32H1z" />
<path fill="#3d465e" d="M1 88h14v3H1z" />
<path fill="url(#b)" d="M23 59h81v14H23z" />
<path fill="#77cacb" d="M23 70h81v3H23z" />
<path fill="url(#f)" d="M113 59h10v14h-10z" />
<path fill="#77cacb" d="M113 70h10v3h-10z" />
<path
fill="url(#g)"
d="M127 46.24V47H1c0-4.34-.6-10 5.5-14a11.09 11.09 0 0 1 6.5-2h106c4 0 5.18 2 5.18 2 1.75 1.91 1.49 3 2.82 13.24z"
/>
<path fill="#77cacb" d="M127 47H1v-4h125.58c.49 3.77.42 3 .42 4z" />
<path fill="#fbcc88" d="M127 85h-1.5a2.5 2.5 0 0 1 0-5h1.5z" />
<path
fill="#f6b756"
d="M127 83v2h-1.5a2.5 2.5 0 0 1-2.29-3.5c.79 1.73 2.41 1.5 3.79 1.5z"
/>
<path fill="#dd4e6a" d="M1 55h126v4H1z" />
<g fill="#47566a">
<path
d="M31 85a4 4 0 1 0 4 4 4 4 0 0 0-4-4zm0 6a2 2 0 1 1 2-2 2 2 0 0 1-2 2zM113 85a4 4 0 1 0 4 4 4 4 0 0 0-4-4zm0 6a2 2 0 1 1 2-2 2 2 0 0 1-2 2z"
/>
<path
d="M126.71 36.09a7.14 7.14 0 0 0-7-6.09H13.19A13.21 13.21 0 0 0 0 43.19V91a1 1 0 0 0 1 1h21.53a9 9 0 0 0 17-.14c.39.22-4.25.14 65 .14a9 9 0 0 0 16.52 1h6a1 1 0 0 0 1-1V77.56c0-.54.09-.31-4-4.53V60h3a1 1 0 0 0 1-1c-.05-16.15.29-10.2-1.34-22.91zm-2 .27L126 46h-18V32h11.68a5.11 5.11 0 0 1 5.04 4.36zM89 46V32h17v14zm-18 0V32h16v14zm-18 0V32h16v14zm-18 0V32h16v14zm-17 0V32h15v14zm-4.81-14H16v14H2v-2.81A11.2 11.2 0 0 1 13.19 32zM2 90V60h12v30zm29 6a7 7 0 1 1 7-7 7 7 0 0 1-7 7zm82 0a7 7 0 1 1 7-7 7 7 0 0 1-7 7zm13-12h-.5a1.5 1.5 0 0 1 0-3h.5zm0-6v1h-.5a3.5 3.5 0 0 0 0 7h.5v5h-4.23a9 9 0 1 0-17.71-1H39.94a9 9 0 1 0-17.88 0H16V60h6v13a1 1 0 0 0 1 1h81a1 1 0 0 0 1-1V60h7v13a1 1 0 0 0 1 1c10.34 0 9.1-.06 9.28.13zM55 60v12H41V60zm16 0v12H57V60zm16 0v12H73V60zm16 0v12H89V60zM39 72H24V60h15zm83 0h-8V60h8zM2 58V48h124v10z"
/>
</g>
</g>
</svg>
More icons in the same style and category