Add icons to this collection by clicking the heart icon.
Traffic Light icon - also known as light, stop, signaling, traffic light, road sign, and stop signal. Created in a clean flat style with a white, silver, gray, red, 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 496 496"
>
<path
fill="#d9e7ec"
d="M483.856 53.416H12.144C5.437 53.416 0 47.979 0 41.272V33.56c0-6.707 5.437-12.144 12.144-12.144h471.712c6.707 0 12.144 5.437 12.144 12.144v7.712c0 6.707-5.437 12.144-12.144 12.144z"
/>
<path
fill="#7a8c98"
d="m266.865 83.493-18.865 10-18.865-10V8.537a7.639 7.639 0 0 1 7.639-7.639h22.452a7.639 7.639 0 0 1 7.639 7.639z"
/>
<path
fill="#9facba"
d="M157.718 175.046h-56a7.5 7.5 0 0 0-7.5 7.5v9.234c0 35.014 28.486 63.5 63.5 63.5a7.5 7.5 0 0 0 7.5-7.5v-65.234a7.5 7.5 0 0 0-7.5-7.5z"
/>
<path
fill="#596c76"
d="M157.718 273.31h-56a7.5 7.5 0 0 0-7.5 7.5v9.234c0 35.014 28.486 63.5 63.5 63.5a7.5 7.5 0 0 0 7.5-7.5V280.81a7.5 7.5 0 0 0-7.5-7.5z"
/>
<path
fill="#9facba"
d="M157.718 371.573h-56a7.5 7.5 0 0 0-7.5 7.5v9.234c0 35.014 28.486 63.5 63.5 63.5a7.5 7.5 0 0 0 7.5-7.5v-65.234a7.5 7.5 0 0 0-7.5-7.5zM394.282 175.046h-56a7.5 7.5 0 0 0-7.5 7.5v65.234a7.5 7.5 0 0 0 7.5 7.5c35.014 0 63.5-28.486 63.5-63.5v-9.234a7.5 7.5 0 0 0-7.5-7.5z"
/>
<path
fill="#596c76"
d="M394.282 273.31h-56a7.5 7.5 0 0 0-7.5 7.5v65.234a7.5 7.5 0 0 0 7.5 7.5c35.014 0 63.5-28.486 63.5-63.5v-9.234a7.5 7.5 0 0 0-7.5-7.5z"
/>
<path
fill="#9facba"
d="M394.282 371.573h-56a7.5 7.5 0 0 0-7.5 7.5v65.234a7.5 7.5 0 0 0 7.5 7.5c35.014 0 63.5-28.486 63.5-63.5v-9.234a7.5 7.5 0 0 0-7.5-7.5z"
/>
<path
fill="#596c76"
d="M278.858 83.493h-61.715c-9.938 0-17.995 8.057-17.995 17.995v16.172l48.771 10 48.935-10v-16.172c-.001-9.939-8.058-17.995-17.996-17.995z"
/>
<path
fill="#b6c4cf"
d="m316.075 149.881-67.575 10-68.575-10v-18.054c0-7.825 6.343-14.168 14.168-14.168h107.815c7.825 0 14.168 6.343 14.168 14.168v18.054z"
/>
<path
fill="#8d9ca8"
d="M322.848 495.102h-149.86c-8.434 0-15.27-6.837-15.27-15.271v-314.68c0-8.434 6.837-15.271 15.27-15.271h149.86c8.434 0 15.27 6.837 15.27 15.271v314.68c0 8.435-6.836 15.271-15.27 15.271z"
/>
<path
fill="#7a8c98"
d="M322.848 149.881h-30c8.434 0 15.27 6.837 15.27 15.271v314.68c0 8.434-6.837 15.27-15.27 15.27h30c8.434 0 15.27-6.837 15.27-15.27v-314.68c0-8.434-6.836-15.271-15.27-15.271z"
/>
<circle
cx="247.918"
cy="219.69"
r="37.144"
fill="#fe646f"
transform="rotate(-21.97 248.025 219.781)"
/>
<path
fill="#fd4755"
d="M247.918 182.546a36.993 36.993 0 0 0-15 3.164c13.04 5.765 22.144 18.806 22.144 33.98s-9.104 28.215-22.144 33.98a36.993 36.993 0 0 0 15 3.164c20.514 0 37.144-16.63 37.144-37.144s-16.63-37.144-37.144-37.144z"
/>
<circle
cx="247.918"
cy="322.492"
r="37.144"
fill="#fec165"
transform="rotate(-80.9 247.938 322.613)"
/>
<path
fill="#fdb441"
d="M247.918 285.348a36.993 36.993 0 0 0-15 3.164c13.04 5.765 22.144 18.806 22.144 33.98s-9.104 28.215-22.144 33.98a36.993 36.993 0 0 0 15 3.164c20.514 0 37.144-16.63 37.144-37.144s-16.63-37.144-37.144-37.144z"
/>
<circle cx="247.918" cy="425.294" r="37.144" fill="#6ed5a1" />
<path
fill="#00c27a"
d="M247.918 388.15a36.993 36.993 0 0 0-15 3.164c13.04 5.765 22.144 18.806 22.144 33.98s-9.104 28.215-22.144 33.98a36.993 36.993 0 0 0 15 3.164c20.514 0 37.144-16.63 37.144-37.144s-16.63-37.144-37.144-37.144z"
/>
</svg>
More icons in the same style and category