Add icons to this collection by clicking the heart icon.
Traffic Lights icon - also known as light, stop, transportation, signaling, traffic light, road sign, stop signal, stop light, and traffic lights. Created in a clean flat style with a 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"
>
<rect width="176" height="464" x="168" y="24" fill="#607d8b" rx="8" />
<circle cx="256" cy="112" r="56" fill="#f44336" />
<circle cx="256" cy="256" r="56" fill="#fed500" />
<circle cx="256" cy="400" r="56" fill="#4caf50" />
<path
fill="#ff6257"
d="M288 112h-16a16 16 0 0 0-32 0h-16a32 32 0 0 1 64 0z"
/>
<path
fill="#fdea98"
d="M288 256h-16a16 16 0 0 0-32 0h-16a32 32 0 0 1 64 0z"
/>
<path
fill="#70cc74"
d="M288 400h-16a16 16 0 0 0-32 0h-16a32 32 0 0 1 64 0z"
/>
<g fill="#3d5966">
<path
d="M344 168h32a96.5 96.5 0 0 1 48.622-83.784L432 80V56h-88zM344 312h32a96.5 96.5 0 0 1 48.622-83.784L432 224v-24h-88zM344 456h32a96.5 96.5 0 0 1 48.622-83.784L432 368v-24h-88zM168 168h-32a96.5 96.5 0 0 0-48.622-83.784L80 80V56h88zM168 312h-32a96.5 96.5 0 0 0-48.622-83.784L80 224v-24h88zM168 456h-32a96.5 96.5 0 0 0-48.622-83.784L80 368v-24h88z"
/>
</g>
</svg>
More icons in the same style and category