Add icons to this collection by clicking the heart icon.
Traffic Light icon - also known as light, competition, signaling, racing, traffic light, road sign, formula 1, traffic lights, sports and competition, and karting. Created in a clean lineal color style with a gray, red, yellow, olive, 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 64 64"
>
<g>
<g fill="#394d5c">
<path
d="M18 25h10v4H18zM18 39h10v4H18zM18 53h10v4H18zM46 29H36v-4h10zM46 43H36v-4h10zM46 57H36v-4h10zM3 3h58v4H3z"
/>
</g>
<circle cx="21" cy="14" r="5" fill="#e97424" />
<circle cx="15" cy="27" r="6" fill="#dd3e46" />
<circle cx="15" cy="27" r="2" fill="#f98c96" />
<circle cx="9" cy="14" r="5" fill="#e97424" />
<circle cx="55" cy="14" r="5" fill="#e97424" />
<circle cx="43" cy="14" r="5" fill="#e97424" />
<path fill="#5a6470" d="M28 7h8v54h-8z" />
<circle cx="15" cy="41" r="6" fill="#f9bb4b" />
<circle cx="15" cy="41" r="2" fill="#ffd782" />
<circle cx="15" cy="55" r="6" fill="#8ec13f" />
<circle cx="15" cy="55" r="2" fill="#c8d952" />
<circle cx="49" cy="27" r="6" fill="#dd3e46" />
<circle cx="49" cy="27" r="2" fill="#f98c96" />
<circle cx="49" cy="41" r="6" fill="#f9bb4b" />
<circle cx="49" cy="41" r="2" fill="#ffd782" />
<circle cx="49" cy="55" r="6" fill="#8ec13f" />
<circle cx="49" cy="55" r="2" fill="#c8d952" />
<path
d="M61 2H3a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h24v16h-5.685a7 7 0 1 0 0 6H27v8h-5.685a7 7 0 1 0 0 6H27v8h-5.685a7 7 0 1 0 0 6H27v3a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-3h5.685a7 7 0 1 0 0-6H37v-8h5.685a7 7 0 1 0 0-6H37v-8h5.685a7 7 0 1 0 0-6H37V8h24a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1zM15 32a5 5 0 1 1 5-5 5.006 5.006 0 0 1-5 5zm0 14a5 5 0 1 1 5-5 5.006 5.006 0 0 1-5 5zm0 14a5 5 0 1 1 5-5 5.006 5.006 0 0 1-5 5zm12-4h-5.08a6.29 6.29 0 0 0 0-2H27zm0-14h-5.08a6.29 6.29 0 0 0 0-2H27zm0-14h-5.08a6.29 6.29 0 0 0 0-2H27zm22 22a5 5 0 1 1-5 5 5.006 5.006 0 0 1 5-5zm0-14a5 5 0 1 1-5 5 5.006 5.006 0 0 1 5-5zm0-14a5 5 0 1 1-5 5 5.006 5.006 0 0 1 5-5zM35 60h-6V8h6zm7.08-6a6.29 6.29 0 0 0 0 2H37v-2zm0-14a6.29 6.29 0 0 0 0 2H37v-2zm0-14a6.29 6.29 0 0 0 0 2H37v-2zM60 6H4V4h56z"
/>
<path
d="M21 8a6 6 0 1 0 6 6 6.006 6.006 0 0 0-6-6zm0 10a4 4 0 1 1 4-4 4 4 0 0 1-4 4z"
/>
<path
d="M21 11a3 3 0 0 0-3 3h2a1 1 0 0 1 2 0h2a3 3 0 0 0-3-3zM15 24a3 3 0 1 0 3 3 3 3 0 0 0-3-3zm0 4a1 1 0 1 1 1-1 1 1 0 0 1-1 1zM9 8a6 6 0 1 0 6 6 6.006 6.006 0 0 0-6-6zm0 10a4 4 0 1 1 4-4 4 4 0 0 1-4 4z"
/>
<path
d="M9 11a3 3 0 0 0-3 3h2a1 1 0 0 1 2 0h2a3 3 0 0 0-3-3zM49 14a6 6 0 1 0 6-6 6.006 6.006 0 0 0-6 6zm6-4a4 4 0 1 1-4 4 4 4 0 0 1 4-4z"
/>
<path
d="M55 13a1 1 0 0 1 1 1h2a3 3 0 0 0-6 0h2a1 1 0 0 1 1-1zM43 8a6 6 0 1 0 6 6 6.006 6.006 0 0 0-6-6zm0 10a4 4 0 1 1 4-4 4 4 0 0 1-4 4z"
/>
<path
d="M43 11a3 3 0 0 0-3 3h2a1 1 0 0 1 2 0h2a3 3 0 0 0-3-3zM15 38a3 3 0 1 0 3 3 3 3 0 0 0-3-3zm0 4a1 1 0 1 1 1-1 1 1 0 0 1-1 1zM15 52a3 3 0 1 0 3 3 3 3 0 0 0-3-3zm0 4a1 1 0 1 1 1-1 1 1 0 0 1-1 1zM49 30a3 3 0 1 0-3-3 3 3 0 0 0 3 3zm0-4a1 1 0 1 1-1 1 1 1 0 0 1 1-1zM49 44a3 3 0 1 0-3-3 3 3 0 0 0 3 3zm0-4a1 1 0 1 1-1 1 1 1 0 0 1 1-1zM49 58a3 3 0 1 0-3-3 3 3 0 0 0 3 3zm0-4a1 1 0 1 1-1 1 1 1 0 0 1 1-1zM31 56h2v2h-2zM31 47h2v7h-2zM31 10h2v2h-2zM31 14h2v2h-2z"
/>
</g>
</svg>
More icons in the same style and category