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 blue style with a white and silver 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="100"
height="100"
viewBox="0 0 512 512"
>
<path
d="M384 384.036h21.333c11.782 0 21.333 9.551 21.333 21.333v64c0 11.782-9.551 21.333-21.333 21.333H384c-11.782 0-21.333-9.551-21.333-21.333v-64c0-11.782 9.551-21.333 21.333-21.333zM106.667 384.036H128c11.782 0 21.333 9.551 21.333 21.333v64c0 11.782-9.551 21.333-21.333 21.333h-21.333c-11.782 0-21.333-9.551-21.333-21.333v-64c-.001-11.782 9.551-21.333 21.333-21.333zM42.667 277.369H0v-85.333c0-11.782 9.551-21.333 21.333-21.333h64v42.667H42.667v63.999zM512 277.369h-42.667v-64h-42.667v-42.667h64c11.782 0 21.333 9.551 21.333 21.333v85.334z"
fill="#34cdfa"
/>
<path
d="M384 42.702H128c-35.346 0-64 28.654-64 64v298.667c0 11.782 9.551 21.333 21.333 21.333h341.333c11.782 0 21.333-9.551 21.333-21.333V106.702c.001-35.346-28.653-64-63.999-64z"
fill="#ccf2fe"
/>
<path
d="M128 384.036c-11.782 0-21.333-9.551-21.333-21.333V64.036a63.082 63.082 0 0 1 3.008-18.325C82.662 53.739 64.103 78.522 64 106.702v298.667c0 11.782 9.551 21.333 21.333 21.333h341.333c11.782 0 21.333-9.551 21.333-21.333v-21.333H128z"
fill="#99e6fd"
/>
<path
d="M304 21.369h-96c-7.922-.778-15.02 4.901-16 12.8v38.4c.98 7.899 8.078 13.578 16 12.8h96c7.922.778 15.02-4.901 16-12.8v-38.4c-.98-7.899-8.078-13.578-16-12.8z"
fill="#67d9fb"
/>
<path
d="M128 149.369h256c11.782 0 21.333 9.551 21.333 21.333v106.667c0 11.782-9.551 21.333-21.333 21.333H128c-11.782 0-21.333-9.551-21.333-21.333V170.702c0-11.782 9.551-21.333 21.333-21.333z"
fill="#fff"
/>
<linearGradient
id="a"
x1="-42.788"
x2="-35.651"
y1="611.868"
y2="619.009"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13316.019)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#34cdfa" />
<stop offset="1" stop-color="#e8d9f1" />
</linearGradient>
<path
d="M128 149.369c-11.782 0-21.333 9.551-21.333 21.333v106.667c.076 10.864 8.381 19.898 19.2 20.885l148.8-148.885H128z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-37.12"
x2="-28.454"
y1="608.687"
y2="617.352"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13316.019)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#34cdfa" />
<stop offset="1" stop-color="#e8d9f1" />
</linearGradient>
<path
d="M384 149.369h-62.229L172.437 298.702h128l104.896-104.896v-23.104c0-11.782-9.551-21.333-21.333-21.333z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-30.567"
x2="-26.945"
y1="609.427"
y2="613.054"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13316.019)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#34cdfa" />
<stop offset="1" stop-color="#e8d9f1" />
</linearGradient>
<path
d="M328 298.702h56c11.782 0 21.333-9.551 21.333-21.333v-56L328 298.702z"
fill="url(#c)"
/>
<circle cx="362.667" cy="362.702" r="21.333" fill="#34cdfa" />
<circle cx="149.333" cy="362.702" r="21.333" fill="#34cdfa" />
<path d="M192 341.369h128v42.667H192z" fill="#34cdfa" />
</svg>
More icons in the same style and category