Add icons to this collection by clicking the heart icon.
Traffic Light icon - also known as light, buildings, stop, transportation, traffic light, road sign, stop signal, stop light, and traffic lights. Created in a clean flat style with a white, silver, red, maroon, teal, and orange 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"
>
<rect width="240" height="464" x="136" y="24" fill="#b9b9b9" rx="60" />
<circle cx="256" cy="144" r="88" fill="#ebebeb" />
<circle cx="256" cy="344" r="88" fill="#ebebeb" />
<path
fill="#a83b32"
d="M344 168q0 4.05-.36 8a88 88 0 0 1-175.28 0q-.36-3.945-.36-8a88 88 0 0 1 176 0z"
/>
<ellipse cx="256" cy="176" fill="#c7463b" rx="87.64" ry="80" />
<path
fill="#30b0ab"
d="M344 368q0 4.05-.36 8a88 88 0 0 1-175.28 0q-.36-3.945-.36-8a88 88 0 0 1 176 0z"
/>
<ellipse cx="256" cy="376" fill="#37c9c3" rx="87.64" ry="80" />
<circle cx="256" cy="128" r="16" fill="#f55648" />
<path
fill="#f55648"
d="M296 160h-80a8 8 0 0 0 0 16h24v32h-8a8 8 0 0 0 0 16h48a8 8 0 0 0 0-16h-8v-32h24a8 8 0 0 0 0-16z"
/>
<g fill="#41dfd0">
<circle cx="256" cy="328" r="16" />
<path
d="M296 360h-80a8 8 0 0 0 0 16h24v8l-24 24 16 16 24-24 24 24 16-16-24-24v-8h24a8 8 0 0 0 0-16z"
/>
</g>
</svg>
More icons in the same style and category