Add icons to this collection by clicking the heart icon.
Bus icon - also known as vehicle, travel, bus, public transport, and transportation. 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="8.98"
x2="53.08"
y1="39.689"
y2="39.689"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#008af5" />
<stop offset="1" stop-color="#0010a4" />
</linearGradient>
<linearGradient
id="b"
x1="8.98"
x2="53.08"
y1="39.299"
y2="39.299"
href="#a"
/>
<linearGradient
id="c"
x1="8.98"
x2="53.08"
y1="29.782"
y2="29.782"
href="#a"
/>
<linearGradient
id="d"
x1="8.98"
x2="53.08"
y1="25.086"
y2="25.086"
href="#a"
/>
<linearGradient
id="e"
x1="8.98"
x2="53.08"
y1="27.604"
y2="27.604"
href="#a"
/>
<linearGradient
id="f"
x1="8.98"
x2="53.08"
y1="26.657"
y2="26.657"
href="#a"
/>
<linearGradient
id="g"
x1="8.98"
x2="53.08"
y1="36.64"
y2="36.64"
href="#a"
/>
<g>
<path
fill="url(#a)"
d="M17.117 44.735a5.047 5.047 0 1 1 5.047-5.047 5.052 5.052 0 0 1-5.047 5.047zm0-8.093a3.047 3.047 0 1 0 3.047 3.046 3.05 3.05 0 0 0-3.047-3.046zM49.833 44.735a5.047 5.047 0 1 1 5.047-5.047 5.052 5.052 0 0 1-5.047 5.047zm0-8.093a3.047 3.047 0 1 0 3.047 3.046 3.05 3.05 0 0 0-3.047-3.046z"
/>
<path
fill="url(#b)"
d="M45.813 40.3H21.138a1 1 0 1 1 0-2h24.675a1 1 0 0 1 0 2z"
/>
<path
fill="url(#c)"
d="M54.862 40.3h-1a1 1 0 0 1 0-2h1a1.179 1.179 0 0 0 1.178-1.177v-14.68a1.179 1.179 0 0 0-1.178-1.178H15.954a2.277 2.277 0 0 0-2.049 1.3l-4.447 9.4a3.392 3.392 0 0 0-.322 1.435v1.548a3.36 3.36 0 0 0 3.356 3.352h.6a1 1 0 1 1 0 2h-.6a5.362 5.362 0 0 1-5.356-5.355V33.4a5.386 5.386 0 0 1 .515-2.3l4.446-9.4a4.287 4.287 0 0 1 3.857-2.442h38.908a3.181 3.181 0 0 1 3.178 3.178v14.686a3.181 3.181 0 0 1-3.178 3.178z"
/>
<path
fill="url(#d)"
d="M6.96 27.9a1 1 0 0 1-1-1v-3.62a1 1 0 0 1 1-1h5.5a1 1 0 1 1 0 2h-4.5v2.62a1 1 0 0 1-1 1z"
/>
<path
fill="url(#e)"
d="M18.409 32.677h-6.364a1 1 0 0 1-.9-1.433l3.908-8.144a1 1 0 0 1 .9-.567h5.422a1 1 0 0 1 .992 1.132l-.84 6.282a1 1 0 0 1-.991.868 1.152 1.152 0 0 0-1.138 1 1 1 0 0 1-.989.862zm-4.774-2h4.03a3.175 3.175 0 0 1 1.98-1.733l.59-4.412h-3.651z"
/>
<g fill="url(#f)">
<path
d="M30.5 30.782h-5.529a1 1 0 0 1-1-1v-6.25a1 1 0 0 1 1-1H30.5a1 1 0 0 1 1 1v6.25a1 1 0 0 1-1 1zm-4.532-2H29.5v-4.25h-3.529zM39.388 30.782h-5.532a1 1 0 0 1-1-1v-6.25a1 1 0 0 1 1-1h5.532a1 1 0 0 1 1 1v6.25a1 1 0 0 1-1 1zm-4.532-2h3.532v-4.25h-3.532zM48.187 30.782h-5.532a1 1 0 0 1-1-1v-6.25a1 1 0 0 1 1-1h5.532a1 1 0 0 1 1 1v6.25a1 1 0 0 1-1 1zm-4.532-2h3.532v-4.25h-3.532zM56.985 30.782h-5.531a1 1 0 0 1-1-1v-6.25a1 1 0 0 1 1-1h5.531a1 1 0 0 1 1 1v6.25a1 1 0 0 1-1 1zm-4.531-2h3.531v-4.25h-3.531z"
/>
</g>
<path
fill="url(#g)"
d="M30.5 37.64h-4.42a1 1 0 0 1 0-2h4.42a1 1 0 0 1 0 2z"
/>
</g>
</svg>
More icons in the same style and category