Add icons to this collection by clicking the heart icon.
Traffic Lights icon - also known as light, signal, lights, signaling, electronics, Traffic control, and traffic lights. 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 128 128"
>
<linearGradient
id="a"
x1="110.908"
x2="57.845"
y1="106.112"
y2="53.05"
gradientUnits="userSpaceOnUse"
>
<stop offset=".061" stop-color="#fff" stop-opacity="0" />
<stop offset=".162" stop-color="#cdcdcd" stop-opacity=".108" />
<stop offset=".284" stop-color="#979797" stop-opacity=".237" />
<stop offset=".407" stop-color="#696969" stop-opacity=".369" />
<stop offset=".53" stop-color="#434343" stop-opacity=".499" />
<stop offset=".651" stop-color="#262626" stop-opacity=".628" />
<stop offset=".771" stop-color="#111" stop-opacity=".756" />
<stop offset=".888" stop-color="#040404" stop-opacity=".881" />
<stop offset="1" />
</linearGradient>
<path
fill="#eeae54"
d="M128 64v2.2c0 1.1-.1 2.1-.2 3.2 0 .7-.1 1.4-.2 2-.1.7-.2 1.4-.3 2.2v.1c-.3 2.4-.8 4.7-1.5 7-5.5 20.5-20.9 36.9-40.7 43.8-1.3.5-2.6.9-4 1.3-2.1.6-4.3 1.1-6.5 1.4h-.2c-.9.1-1.9.3-2.8.4-2.5.3-5 .5-7.6.5-1.5 0-3-.1-4.5-.2C26.3 125.5 0 97.8 0 64 0 28.6 28.7 0 64 0s64 28.6 64 64z"
/>
<path
fill="url(#a)"
d="M127.3 73.6c-.3 2.4-.8 4.7-1.5 7-5.5 20.5-20.9 36.9-40.7 43.8-1.3.5-2.6.9-4 1.3l-22.3-22.3 2.6-9.9-13.1-13.8 2.6-6.4 16.6-2.9L79.4 25z"
opacity=".2"
/>
<path
fill="#ebf0f3"
d="M80.4 27.6v50c0 2-1.6 3.6-3.6 3.6h-26c-1.7-.3-3.1-1.8-3.1-3.6v-50c0-2 1.6-3.6 3.6-3.6h25.4c.2 0 .4 0 .6.1 1.7.2 3.1 1.7 3.1 3.5z"
/>
<circle cx="64" cy="40.3" r="10" fill="#e56353" />
<circle cx="64" cy="65" r="10" fill="#44c4a1" />
<path fill="#ebf0f3" d="M58.2 81.3h11.7V104H58.2z" />
<g fill="#64798a">
<path
d="M69.8 81.3v2.1L58.2 95.1v-5.8l8-8zM69.8 91.1v5.8l-7 7.1h-4.6v-1.2z"
/>
</g>
<path fill="#d5d6db" d="M58.2 81.3h11.7v3.3H58.2z" />
<path fill="#3a556a" d="m68.7 84.5 1.1-1.1v-2.1h-3.6l-3.3 3.2z" />
<g fill="#64798a">
<path
d="M75.5 41.3c0 .5-.1 1-.4 1.5-1.3-5.3-5.8-9.1-11.1-9.1s-9.7 3.9-11.1 9.1c-.3-.4-.4-.9-.4-1.5 0-6.8 5.1-12.4 11.5-12.4s11.5 5.6 11.5 12.4zM75.5 66.1c0 .5-.1 1-.4 1.5-1.3-5.3-5.8-9.1-11.1-9.1s-9.7 3.9-11.1 9.1c-.3-.4-.4-.9-.4-1.5 0-6.8 5.1-12.4 11.5-12.4s11.5 5.5 11.5 12.4z"
/>
</g>
</svg>
More icons in the same style and category