Add icons to this collection by clicking the heart icon.
Bus icon - also known as transport, vehicle, bus, automobile, public transport, and transportation. Created in a clean flat 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 512 512"
>
<path
fill="#4d5e78"
d="M344 408h96v64a16 16 0 0 1-16 16h-64a16 16 0 0 1-16-16v-64z"
/>
<path fill="#44546c" d="M344 408h96v48h-96z" />
<path fill="#404f66" d="M368 432h16v56h-16zM400 432h16v56h-16z" />
<path
fill="#4d5e78"
d="M72 408h96v64a16 16 0 0 1-16 16H88a16 16 0 0 1-16-16v-64z"
/>
<path fill="#44546c" d="M72 408h96v48H72z" />
<path fill="#404f66" d="M96 432h16v56H96zM128 432h16v56h-16z" />
<path
fill="#348fd9"
d="M120 24h272a48 48 0 0 1 48 48v336a32 32 0 0 1-32 32H104a32 32 0 0 1-32-32V72a48 48 0 0 1 48-48z"
/>
<rect width="368" height="224" x="72" y="104" fill="#60d1e0" rx="24" />
<rect width="368" height="224" x="72" y="104" fill="#60d1e0" rx="24" />
<g fill="#ffb531">
<circle cx="120" cy="64" r="16" />
<circle cx="168" cy="64" r="16" />
<circle cx="344" cy="64" r="16" />
</g>
<path
fill="#4d5e78"
d="M72 152v112H40a15.982 15.982 0 0 1-16-16v-80a16 16 0 0 1 16-16zM488 168v80a16 16 0 0 1-16 16h-32V152h32a15.993 15.993 0 0 1 16 16z"
/>
<path fill="#9fe4ed" d="M96 128h16v16H96zM96 160h16v96H96z" />
<path fill="#2a71ad" d="M176 360h160v16H176zM176 392h160v16H176z" />
<path
fill="#44546c"
d="M488 168v80a16 16 0 0 1-16 16h-32v-14.87a427.1 427.1 0 0 0 43.98-91.74A15.967 15.967 0 0 1 488 168zM72 187.48V264H40a15.966 15.966 0 0 1-10.56-3.97A580.649 580.649 0 0 0 72 187.48z"
/>
<path
fill="#3086cd"
d="M416 328h-40v80a32 32 0 0 1-32 32h64a32 32 0 0 0 32-32V304a24 24 0 0 1-24 24zM392 24h-64a48 48 0 0 1 48 48v32h40a24 24 0 0 1 24 24V72a48 48 0 0 0-48-48z"
/>
<path
fill="#5ac6d4"
d="M416 104h-40v224h40a24 24 0 0 0 24-24V128a24 24 0 0 0-24-24z"
/>
<circle cx="392" cy="64" r="16" fill="#ffb531" />
<circle cx="128" cy="384" r="24" fill="#ffb531" />
<circle cx="384" cy="384" r="24" fill="#ffb531" />
<path fill="#d6d6d4" d="M96 288h112v16H96zM272 288h112v16H272z" />
<rect
width="15.999"
height="64.498"
x="164.001"
y="279.751"
fill="#e0e0de"
rx="7.999"
transform="rotate(-60.26 172.048 312.087)"
/>
<rect
width="15.999"
height="64.498"
x="340.001"
y="279.751"
fill="#e0e0de"
rx="7.999"
transform="rotate(-60.26 348.097 312.087)"
/>
</svg>
More icons in the same style and category