Add icons to this collection by clicking the heart icon.
Bus icon - also known as travel, bus, transportation, and vacation. Created in a clean 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="32"
x2="32"
y1="1.859"
y2="61.728"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#38b582" />
<stop offset=".249" stop-color="#3bbfaf" />
<stop offset=".494" stop-color="#3c97a8" />
<stop offset=".74" stop-color="#3b89bf" />
<stop offset="1" stop-color="#3861b5" />
</linearGradient>
<linearGradient id="b" x1="26" x2="26" y1="1.859" y2="61.728" href="#a" />
<linearGradient id="c" x1="38" x2="38" y1="1.859" y2="61.728" href="#a" />
<linearGradient id="d" x1="27" x2="27" y1="1.859" y2="61.728" href="#a" />
<linearGradient id="e" x1="29" x2="29" y1="1.859" y2="61.728" href="#a" />
<g fill="url(#a)">
<path
d="M32 2a30 30 0 1 0 30 30A30.034 30.034 0 0 0 32 2zm0 58A28.033 28.033 0 0 1 6.785 44.166a5.977 5.977 0 0 1 6.153-3.086 1.011 1.011 0 0 0 1.137-.841 1 1 0 0 0-.841-1.137 7.949 7.949 0 0 0-7.384 2.892 27.8 27.8 0 0 1-1.684-6.966l10.44-13.685a8.145 8.145 0 0 0 4.672-1.507 5.654 5.654 0 0 1 5.381-.806 1 1 0 1 0 .683-1.879 7.619 7.619 0 0 0-7.2 1.041 6.458 6.458 0 0 1-1.8.874l4.81-6.3a5 5 0 0 1 7.9-.059l4.632 5.862a1 1 0 1 0 1.567-1.242l-4.629-5.858a6.957 6.957 0 0 0-5.5-2.667h-.052a6.955 6.955 0 0 0-5.512 2.75L4 31.947A28 28 0 0 1 60 32c0 .549-.02 1.094-.052 1.635l-7.228-9.689a6.943 6.943 0 0 0-4.564-2.736 1 1 0 0 0-.3 1.978 4.957 4.957 0 0 1 3.257 1.954l3.018 4.046c-.028.023-.055.041-.084.064a2.9 2.9 0 0 1-1.941.65h-.039a1 1 0 0 0-.008 2h.049a4.827 4.827 0 0 0 3.218-1.113l4.3 5.758a27.771 27.771 0 0 1-1.126 4.464 10.982 10.982 0 0 0-6.232-3.772 1 1 0 0 0-.4 1.959 9 9 0 0 1 5.777 4.023A28.037 28.037 0 0 1 32 60z"
/>
<path
d="M46 29h-1v-3a5.006 5.006 0 0 0-5-5H24a5.006 5.006 0 0 0-5 5v3h-1a3 3 0 0 0-3 3v4a3 3 0 0 0 3 3h1v10a3 3 0 0 0 3 3v1a3 3 0 0 0 3 3h2a3 3 0 0 0 3-3v-1h4v1a3 3 0 0 0 3 3h2a3 3 0 0 0 3-3v-1a3 3 0 0 0 3-3V39h1a3 3 0 0 0 3-3v-4a3 3 0 0 0-3-3zm-25-3a3 3 0 0 1 3-3h16a3 3 0 0 1 3 3v1H21zm-3 11a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1h1v6zm10 16a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1v-1h4zm12 0a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1v-1h4zm3-4a1 1 0 0 1-1 1H22a1 1 0 0 1-1-1V29h22zm4-13a1 1 0 0 1-1 1h-1v-6h1a1 1 0 0 1 1 1z"
/>
<path d="M39 24H25a1 1 0 0 0 0 2h14a1 1 0 0 0 0-2z" />
</g>
<path
fill="url(#b)"
d="M26 43a3 3 0 1 0 3 3 3 3 0 0 0-3-3zm0 4a1 1 0 1 1 1-1 1 1 0 0 1-1 1z"
/>
<path
fill="url(#c)"
d="M38 43a3 3 0 1 0 3 3 3 3 0 0 0-3-3zm0 4a1 1 0 1 1 1-1 1 1 0 0 1-1 1z"
/>
<path
fill="url(#a)"
d="M33 44h-2a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2zM33 47h-2a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2zM39 30H25a3 3 0 0 0-3 3v6a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3v-6a3 3 0 0 0-3-3zm-8 6v4h-6a1 1 0 0 1-1-1v-6a1 1 0 0 1 1-1h6zm9 3a1 1 0 0 1-1 1h-6v-8h6a1 1 0 0 1 1 1z"
/>
<path
fill="url(#d)"
d="M25.293 36.707a1 1 0 0 0 1.414 0l2-2a1 1 0 0 0-1.414-1.414l-2 2a1 1 0 0 0 0 1.414z"
/>
<path
fill="url(#e)"
d="m29.293 35.293-2 2a1 1 0 1 0 1.414 1.414l2-2a1 1 0 0 0-1.414-1.414z"
/>
</svg>
More icons in the same style and category