Add icons to this collection by clicking the heart icon.
Traffic icon - also known as transport, car, vehicle, road, traffic, transportation, traffic light, and congestion. Created in a clean flat style with a white, gray, red, yellow, 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="#4f5659" d="M56 184h32v96H56z" />
<rect width="96" height="160" x="24" y="32" fill="#606669" rx="16" />
<path fill="#606669" d="M24 272h96v32H24z" />
<circle cx="72" cy="80" r="16" fill="#eb423f" />
<circle cx="72" cy="112" r="16" fill="#ffd33a" />
<circle cx="72" cy="144" r="16" fill="#3dc285" />
<path
fill="#e6be34"
d="m344 208-23.954-59.885A32 32 0 0 0 290.335 128h-72.217a32 32 0 0 0-27.44 15.536L152 208l-39.761 9.94A32 32 0 0 0 88 248.985V288a16 16 0 0 0 16 16h272a16 16 0 0 0 16-16v-48a32 32 0 0 0-32-32z"
/>
<circle cx="152" cy="304" r="32" fill="#414649" />
<circle cx="152" cy="304" r="8" fill="#e9eef2" />
<path
fill="#3397e8"
d="M232 176v16a16 16 0 0 1-16 16h-64l28.8-48H216a16 16 0 0 1 16 16z"
/>
<path
fill="#ffd33a"
d="M136 212v28a16 16 0 0 1-16 16H88v-7.02a31.993 31.993 0 0 1 24.24-31.04z"
/>
<path
fill="#3397e8"
d="M312 208h-32a16 16 0 0 1-16-16v-16a16 16 0 0 1 16-16h16z"
/>
<path
fill="#ffd33a"
d="M232 248h-16a8 8 0 0 1 0-16h16a8 8 0 0 1 0 16zM440 272l-23.954-59.885A32 32 0 0 0 386.335 192h-72.217a32 32 0 0 0-27.44 15.536L248 272l-39.761 9.94A32 32 0 0 0 184 312.985V352a16 16 0 0 0 16 16h272a16 16 0 0 0 16-16v-48a32 32 0 0 0-32-32z"
/>
<circle cx="424" cy="368" r="32" fill="#414649" />
<circle cx="424" cy="368" r="8" fill="#e9eef2" />
<path
fill="#3397e8"
d="M328 240v16a16 16 0 0 1-16 16h-64l28.8-48H312a16 16 0 0 1 16 16zM408 272h-32a16 16 0 0 1-16-16v-16a16 16 0 0 1 16-16h16z"
/>
<path
fill="#eb423f"
d="M488 304h-32a16 16 0 0 1-16-16v-16h16a32 32 0 0 1 32 32z"
/>
<path fill="#ffe76c" d="M328 312h-16a8 8 0 0 1 0-16h16a8 8 0 0 1 0 16z" />
<path
fill="#eb423f"
d="m344 352-23.954-59.885A32 32 0 0 0 290.335 272h-72.217a32 32 0 0 0-27.44 15.536L152 352l-39.761 9.94A32 32 0 0 0 88 392.985V432a16 16 0 0 0 16 16h272a16 16 0 0 0 16-16v-48a32 32 0 0 0-32-32z"
/>
<circle cx="152" cy="448" r="32" fill="#414649" />
<circle cx="328" cy="448" r="32" fill="#414649" />
<circle cx="152" cy="448" r="8" fill="#e9eef2" />
<circle cx="328" cy="448" r="8" fill="#e9eef2" />
<path
fill="#3397e8"
d="M232 320v16a16 16 0 0 1-16 16h-64l28.8-48H216a16 16 0 0 1 16 16z"
/>
<path
fill="#ffd33a"
d="M136 356v28a16 16 0 0 1-16 16H88v-7.02a31.993 31.993 0 0 1 24.24-31.04z"
/>
<path
fill="#3397e8"
d="M312 352h-32a16 16 0 0 1-16-16v-16a16 16 0 0 1 16-16h16z"
/>
<g fill="#c7312e">
<path
d="M392 384h-32a16 16 0 0 1-16-16v-16h16a32 32 0 0 1 32 32zM232 392h-16a8 8 0 0 1 0-16h16a8 8 0 0 1 0 16z"
/>
</g>
</svg>
More icons in the same style and category