Add icons to this collection by clicking the heart icon.
Traffic icon - also known as transport, car, traffic, transportation, traffic light, city, and traffic jam. Created in a clean flat 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"
>
<path
fill="#8cf7ee"
d="m45.5 39-3.86-6.94A4 4 0 0 0 38.15 30h-8.27a4 4 0 0 0-3.79 2.74L24 39h-1a2 2 0 0 0-2 2v8h31.5v-6a4 4 0 0 0-4-4z"
/>
<path
fill="#5ce9e3"
d="M48.5 39h-3l-3.86-6.94V32H29.77a2 2 0 0 0-1.89 1.37L25.33 41H22a1 1 0 0 0-1 1v7h31.5v-6a4 4 0 0 0-4-4z"
/>
<circle cx="43.5" cy="49" r="4" fill="#3a5370" />
<circle cx="43.5" cy="49" r="1" fill="#f0fbff" />
<circle cx="29.5" cy="49" r="4" fill="#3a5370" />
<circle cx="29.5" cy="49" r="1" fill="#f0fbff" />
<path fill="#ffdc5d" d="M42.72 34H35.5v5h10zM30.5 34 29 39h6.5v-5z" />
<path fill="#48d8cf" d="M37.5 44h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2z" />
<path
fill="#f96e5a"
d="M50.5 44a1 1 0 0 0 0 2h2v-2zM23 44h-2v2h2a1 1 0 0 0 0-2z"
/>
<path
fill="#3a5370"
d="M57 55.5a1 1 0 0 1-1-1V31a1 1 0 0 1 2 0v23.5a1 1 0 0 1-1 1z"
/>
<rect width="12" height="22" x="51" y="14" fill="#67789b" rx="6" />
<path
fill="#4b5f82"
d="M53 21v10a6 6 0 0 0 2.37 4.77A5.84 5.84 0 0 0 57 36a6 6 0 0 0 6-6V20a6 6 0 0 0-2.37-4.77A5.84 5.84 0 0 0 59 15a6 6 0 0 0-6 6z"
/>
<rect
width="5"
height="5"
x="54.5"
y="27.5"
fill="#82d246"
rx="2.5"
transform="rotate(180 57 30)"
/>
<rect
width="5"
height="5"
x="54.5"
y="22.5"
fill="#ffdc5d"
rx="2.5"
transform="rotate(180 57 25)"
/>
<rect
width="5"
height="5"
x="54.5"
y="17.5"
fill="#f96e5a"
rx="2.5"
transform="rotate(180 57 20)"
/>
<path fill="#91e957" d="M1 57h62v6H1z" />
<path fill="#82d246" d="M1 59h62v4H1z" />
<path fill="#67789b" d="M1 53h62v4H1z" />
<path fill="#4b5f82" d="M1 55h62v2H1z" />
<path
fill="#ff917d"
d="m10 39-3.86-6.94A4 4 0 0 0 2.65 30H1v19h16v-6a4 4 0 0 0-4-4z"
/>
<path
fill="#f96e5a"
d="M13 39h-3l-3.86-6.94V32H1v17h16v-6a4 4 0 0 0-4-4z"
/>
<circle cx="8" cy="49" r="4" fill="#3a5370" />
<circle cx="8" cy="49" r="1" fill="#f0fbff" />
<path fill="#8cf7ee" d="M1 34v5h9l-2.78-5z" />
<path fill="#5ce9e3" d="M1 34v5h9l-2.78-5z" />
<path fill="#ffdc5d" d="M15 44a1 1 0 0 0 0 2h2v-2z" />
<path
fill="#4b5f82"
d="M30 10a1 1 0 0 1-.89-.55L29 9.24A2.22 2.22 0 0 0 27 8a1 1 0 0 1 0-2 4.24 4.24 0 0 1 3 1.24A4.24 4.24 0 0 1 33 6a1 1 0 0 1 0 2 2.22 2.22 0 0 0-2 1.24l-.11.21A1 1 0 0 1 30 10zM39 14a1 1 0 0 1-.89-.55l-.11-.21A2.22 2.22 0 0 0 36 12a1 1 0 0 1 0-2 4.24 4.24 0 0 1 3 1.24A4.24 4.24 0 0 1 42 10a1 1 0 0 1 0 2 2.22 2.22 0 0 0-2 1.24l-.11.21A1 1 0 0 1 39 14z"
/>
<path
fill="#f0fbff"
d="M15 5a4 4 0 0 0-7.2-2.38A3 3 0 0 0 3 5a1.1 1.1 0 0 0 0 .18A3 3 0 0 0 4 11h11a3 3 0 0 0 0-6z"
/>
<path
fill="#daf5ff"
d="M15 11a3 3 0 0 0 0-6 4 4 0 0 0-.36-1.65A4.09 4.09 0 0 0 13 3a4 4 0 0 0-3.2 1.62A3 3 0 0 0 5 7a1.1 1.1 0 0 0 0 .18A3 3 0 0 0 3 10a3 3 0 0 0 .14.86A3 3 0 0 0 4 11z"
/>
<path fill="#5ce9e3" d="M34.5 34h2v5h-2z" />
</svg>
More icons in the same style and category