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.04"
x2="64.04"
y1="84"
y2="37"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#7aa8d7" />
<stop offset="1" stop-color="#96c8ea" />
</linearGradient>
<linearGradient
id="a"
x1="31"
x2="31"
y1="91"
y2="75"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#464f6b" />
<stop offset="1" stop-color="#575f7c" />
</linearGradient>
<linearGradient id="d" x1="103" x2="103" y1="91" y2="75" href="#a" />
<linearGradient
id="b"
x1="119"
x2="119"
y1="70"
y2="37"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#9dd5df" />
<stop offset="1" stop-color="#c3e1f5" />
</linearGradient>
<linearGradient id="e" x1="55.5" x2="55.5" y1="58" href="#b" />
<path
fill="url(#c)"
d="M127 84H7.1L1 82V43.1A6.1 6.1 0 0 1 7.1 37h109.41a4.06 4.06 0 0 1 3.49 2.06c8.35 15.23 7 24 7 44.94z"
/>
<path fill="#5b8dc9" d="M127 81v3H7.1L1 81.96v-3L7.1 81z" />
<circle cx="31" cy="83" r="8" fill="url(#a)" />
<circle cx="103" cy="83" r="8" fill="url(#d)" />
<path
fill="#3d465e"
d="M31 91a8 8 0 0 1-7.86-9.5 8 8 0 0 0 15.72 0A8 8 0 0 1 31 91zM103 91a8 8 0 0 1-7.86-9.5 8 8 0 0 0 15.72 0A8 8 0 0 1 103 91z"
/>
<circle cx="31" cy="83" r="3" fill="#adb3c4" />
<circle cx="103" cy="83" r="3" fill="#adb3c4" />
<path
fill="#949aaf"
d="M33.82 84a3 3 0 0 0-5.64 0 3 3 0 1 1 5.64 0zM105.82 84a3 3 0 0 0-5.64 0 3 3 0 1 1 5.64 0z"
/>
<path
fill="url(#b)"
d="M127 65.26V70h-8.89L111 62.89V37h6a3.74 3.74 0 0 1 3 2.06 52.88 52.88 0 0 1 7 26.2z"
/>
<path fill="#77cacb" d="M127 67v3h-8.89L111 62.89v-3l7.11 7.11z" />
<path fill="url(#e)" d="M9 37h93v21H9z" />
<path fill="#77cacb" d="M9 55h93v3H9z" />
<path fill="#fbcc88" d="M123 75h4v4h-4z" />
<path fill="#f6b756" d="M123 77h4v2h-4z" />
<path fill="#e2607f" d="M1 66h6v10H1z" />
<path fill="#dd4e6a" d="M1 73h6v3H1z" />
<g fill="#47566a">
<path
d="M31 79a4 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 2zM103 79a4 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="M121 38.68a5.06 5.06 0 0 0-4.49-2.68H7.1A7.1 7.1 0 0 0 0 43.1V82a1 1 0 0 0 .68.94C7.29 85.12 6.86 85 7.1 85h15.13a9 9 0 0 0 17.55 0c.3.06-2.73 0 54.45 0a9 9 0 0 0 17.54 0H127a1 1 0 0 0 1-1c0-18.86 1.48-30.36-7-45.32zm-1.8.87a51.86 51.86 0 0 1 6.8 25.71V69h-7.47L112 62.47V38h4.51a3.05 3.05 0 0 1 2.66 1.55zM101 38v19H89V38zm-14 0v19H75V38zm-14 0v19H59V38zm-16 0v19H43V38zm-16 0v19H26V38zm-17 0v19H10V38zM2 67h4v8H2zm29 23a7 7 0 1 1 7-7 7 7 0 0 1-7 7zm72 0a7 7 0 1 1 7-7 7 7 0 0 1-7 7zm9-7a9 9 0 0 0-18 0H40a9 9 0 0 0-18 0H7.26L2 81.24V77h5a1 1 0 0 0 1-1V66a1 1 0 0 0-1-1H2V43.1A5.11 5.11 0 0 1 7.1 38H8v20a1 1 0 0 0 1 1h93a1 1 0 0 0 1-1V38h7c0 27.18-.13 25.17.29 25.59 7.71 7.67 7.24 7.41 7.82 7.41H126v3h-3a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h3v3zm14-5h-2v-2h2z"
/>
</g>
</svg>
More icons in the same style and category