Add icons to this collection by clicking the heart icon.
Traffic Light icon - also known as signs, triangle, danger, warning, signaling, traffic light, alert, and traffic sign. Created in a clean flat style with a white, red, maroon, yellow, olive, 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"
>
<path
fill="#d20041"
d="M505.911 418.184 296.341 48.125C288.003 33.4 272.922 24.609 256 24.609s-32.003 8.791-40.341 23.516L6.089 418.184c-8.219 14.514-8.112 31.783.288 46.193 8.4 14.411 23.373 23.014 40.053 23.014h419.14c16.68 0 31.653-8.603 40.053-23.014s8.507-31.679.288-46.193z"
/>
<path
fill="#be003b"
d="M505.911 418.184 296.341 48.125C288.003 33.4 272.922 24.609 256 24.609V487.39h209.57c16.68 0 31.653-8.603 40.053-23.014 8.4-14.41 8.507-31.678.288-46.192z"
/>
<path
fill="#eeeef2"
d="M429.523 405.022 269.049 121.656a14.995 14.995 0 0 0-26.098 0L82.477 405.022a14.995 14.995 0 0 0 13.048 22.385h320.948a14.995 14.995 0 0 0 13.05-22.385z"
/>
<path
fill="#e1e1e6"
d="M429.523 405.022 269.049 121.656A14.995 14.995 0 0 0 256 114.05v313.358h160.474a14.995 14.995 0 0 0 13.049-22.386z"
/>
<circle cx="256" cy="298.722" r="22.494" fill="#ffef31" />
<circle cx="256" cy="358.71" r="22.494" fill="#89f900" />
<circle cx="256" cy="238.735" r="22.494" fill="#d20041" />
<path
fill="#ffcd00"
d="M278.494 298.723c0-12.423-10.071-22.494-22.494-22.494v44.988c12.423-.001 22.494-10.072 22.494-22.494z"
/>
<path
fill="#7d0"
d="M278.494 358.71c0-12.423-10.071-22.494-22.494-22.494v44.988c12.423 0 22.494-10.071 22.494-22.494z"
/>
<path
fill="#be003b"
d="M278.494 238.735c0-12.423-10.071-22.494-22.494-22.494v44.988c12.423 0 22.494-10.071 22.494-22.494z"
/>
</svg>
More icons in the same style and category