Add icons to this collection by clicking the heart icon.
Bus icon - also known as transport, vehicle, bus, automobile, public transport, transportation, and school bus. Created in a clean outline color style with a white, silver, purple, 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 48 48"
>
<path
fill="#ffeee3"
d="M41 22v4h-6.6a4 4 0 0 1-2.5-.88l-2.8-2.24a4 4 0 0 0-2.5-.88H3V12h28a10 10 0 0 1 10 10z"
/>
<g fill="#ffd6bf">
<path
d="m31.9 23.12-2.8-2.24a4 4 0 0 0-2.5-.88H3v2h23.6a4 4 0 0 1 2.5.88l2.8 2.24a4 4 0 0 0 2.5.88H41v-2h-6.6a4 4 0 0 1-2.5-.88z"
/>
<rect
width="4"
height="2"
x="23"
y="19"
rx="1"
transform="rotate(90 25 20)"
/>
<rect
width="4"
height="2"
x="32"
y="24"
rx="1"
transform="rotate(90 34 25)"
/>
<rect
width="4"
height="2"
x="36"
y="22"
rx="1"
transform="rotate(90 38 23)"
/>
<rect
width="4"
height="2"
x="19"
y="20"
rx="1"
transform="rotate(90 21 21)"
/>
<rect
width="4"
height="2"
x="14"
y="19"
rx="1"
transform="rotate(90 16 20)"
/>
<rect
width="4"
height="2"
x="11"
y="20"
rx="1"
transform="rotate(90 13 21)"
/>
<rect
width="4"
height="2"
x="5"
y="19"
rx="1"
transform="rotate(90 7 20)"
/>
<rect
width="4"
height="2"
x="2"
y="20"
rx="1"
transform="rotate(90 4 21)"
/>
</g>
<path
fill="#fff7ff"
d="M31 12H3v2h28a10 10 0 0 1 10 10v-2a10 10 0 0 0-10-10z"
/>
<path
fill="#8b97ff"
d="M41 26v5a2 2 0 0 1-2 2h-2a3 3 0 0 0-6 0H13a3 3 0 0 0-6 0H3V22h23.6a4 4 0 0 1 2.5.88l2.8 2.24a4 4 0 0 0 2.5.88z"
/>
<path
fill="#f2e0ff"
d="M34.4 26a4 4 0 0 1-2.5-.88l-2.8-2.24a4 4 0 0 0-2.5-.88H3v2h23.6a4 4 0 0 1 2.5.88l2.8 2.24a4 4 0 0 0 2.5.88H41v-2z"
/>
<rect
width="4"
height="2"
x="30"
y="14"
fill="#fff7ff"
rx="1"
transform="rotate(90 32 15)"
/>
<rect
width="4"
height="2"
x="34"
y="13"
fill="#fff7ff"
rx="1"
transform="rotate(90 36 14)"
/>
<rect
width="4"
height="2"
x="28"
y="12"
fill="#fff7ff"
rx="1"
transform="rotate(90 30 13)"
/>
<rect
width="4"
height="2"
x="25"
y="13"
fill="#fff7ff"
rx="1"
transform="rotate(90 27 14)"
/>
<rect
width="4"
height="2"
x="18"
y="12"
fill="#fff7ff"
rx="1"
transform="rotate(90 20 13)"
/>
<rect
width="4"
height="2"
x="12"
y="12"
fill="#fff7ff"
rx="1"
transform="rotate(90 14 13)"
/>
<rect
width="4"
height="2"
x="7"
y="12"
fill="#fff7ff"
rx="1"
transform="rotate(90 9 13)"
/>
<rect
width="4"
height="2"
x="4"
y="13"
fill="#fff7ff"
rx="1"
transform="rotate(90 6 14)"
/>
<path
fill="#6384ff"
d="M12.22 31a3 3 0 0 1 .78 2h18a3 3 0 0 1 .78-2zM3 31v2h4a3 3 0 0 1 .78-2zM39 31h-2.78a3 3 0 0 1 .78 2h2a2 2 0 0 0 2-2v-2a2 2 0 0 1-2 2z"
/>
<path
fill="#583ea0"
d="M31 25.4a1 1 0 0 1-1-1V12a1 1 0 0 1 2 0v12.4a1 1 0 0 1-1 1zM24 23a1 1 0 0 1-1-1V12a1 1 0 0 1 2 0v10a1 1 0 0 1-1 1zM17 23a1 1 0 0 1-1-1V12a1 1 0 0 1 2 0v10a1 1 0 0 1-1 1zM10 23a1 1 0 0 1-1-1V12a1 1 0 0 1 2 0v10a1 1 0 0 1-1 1zM45 20a1 1 0 0 1-1-1v-2h-5a1 1 0 0 1 0-2h6a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1zM10 37a4 4 0 1 1 4-4 4 4 0 0 1-4 4zm0-6a2 2 0 1 0 2 2 2 2 0 0 0-2-2zM34 37a4 4 0 1 1 4-4 4 4 0 0 1-4 4zm0-6a2 2 0 1 0 2 2 2 2 0 0 0-2-2z"
/>
<rect
width="4"
height="2"
x="23"
y="23"
fill="#f2e0ff"
rx="1"
transform="rotate(90 25 24)"
/>
<rect
width="4"
height="2"
x="18"
y="22"
fill="#f2e0ff"
rx="1"
transform="rotate(90 20 23)"
/>
<rect
width="4"
height="2"
x="11"
y="23"
fill="#f2e0ff"
rx="1"
transform="rotate(90 13 24)"
/>
<rect
width="4"
height="2"
x="3"
y="22"
fill="#f2e0ff"
rx="1"
transform="rotate(90 5 23)"
/>
<rect
width="4"
height="2"
x="38"
y="27"
fill="#f2e0ff"
rx="1"
transform="rotate(90 40 28)"
/>
<rect
width="4"
height="2"
x="27"
y="30"
fill="#6384ff"
rx="1"
transform="rotate(90 29 31)"
/>
<rect
width="4"
height="2"
x="24"
y="31"
fill="#6384ff"
rx="1"
transform="rotate(90 26 32)"
/>
<rect
width="4"
height="2"
x="20"
y="30"
fill="#6384ff"
rx="1"
transform="rotate(90 22 31)"
/>
<rect
width="4"
height="2"
x="14"
y="31"
fill="#6384ff"
rx="1"
transform="rotate(90 16 32)"
/>
<rect
width="4"
height="2"
x="4"
y="30"
fill="#6384ff"
rx="1"
transform="rotate(90 6 31)"
/>
<rect
width="4"
height="2"
x="35"
y="31"
fill="#6384ff"
rx="1"
transform="rotate(90 37 32)"
/>
<path
fill="#583ea0"
d="M42 27h-7.6a5 5 0 0 1-3.12-1.1l-2.81-2.24A3 3 0 0 0 26.6 23H2v-2h24.6a5 5 0 0 1 3.12 1.1l2.81 2.24a3 3 0 0 0 1.87.66H42z"
/>
<path
fill="#583ea0"
d="M39 34h-2a1 1 0 0 1-1-1 2 2 0 0 0-4 0 1 1 0 0 1-1 1H13a1 1 0 0 1-1-1 2 2 0 0 0-4 0 1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V12a1 1 0 0 1 1-1h28a11 11 0 0 1 11 11v9a3 3 0 0 1-3 3zm-1.13-2H39a1 1 0 0 0 1-1v-9a9 9 0 0 0-9-9H4v19h2.13a4 4 0 0 1 7.74 0h16.26a4 4 0 0 1 7.74 0z"
/>
</svg>
More icons in the same style and category