Add icons to this collection by clicking the heart icon.
Traffic Light icon - also known as highway, street, driving, transportation, traffic light, road sign, road trip, street sign, and traffic lights. Created in a clean lineal color style with a silver, gray, 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"
>
<path fill="#b27946" d="M62 58v4H46v-4c0-1.1.9-2 2-2h12c1.1 0 2 .9 2 2z" />
<path
fill="#d3a06c"
d="M57 8v48h-6V10c0-1.1-.9-2-2-2H14c-.83 0-1.58-.34-2.12-.88S11 5.83 11 5c0-1.66 1.34-3 3-3h37c3.31 0 6 2.69 6 6z"
/>
<g fill="#969faa">
<path
d="M18 8h8v6h-8zM12 30v8H8.9c-.56-2.84-3.43-5-6.9-5v-3zM12 18v8H8.9c-.56-2.84-3.43-5-6.9-5v-3zM12 42v8H8.9c-.56-2.84-3.43-5-6.9-5v-3zM42 30v3c-3.47 0-6.34 2.16-6.9 5H32v-8zM42 18v3c-3.47 0-6.34 2.16-6.9 5H32v-8zM42 42v3c-3.47 0-6.34 2.16-6.9 5H32v-8z"
/>
</g>
<path
fill="#ccd1d9"
d="M32 42v8c0 2.21-1.79 4-4 4H16c-2.21 0-4-1.79-4-4V18c0-2.21 1.79-4 4-4h12c2.21 0 4 1.79 4 4v20z"
/>
<circle cx="22" cy="46" r="4" fill="#ff826e" />
<circle cx="22" cy="34" r="4" fill="#fcd770" />
<circle cx="22" cy="22" r="4" fill="#b4dd7f" />
<path
d="M22 27c2.757 0 5-2.243 5-5s-2.243-5-5-5-5 2.243-5 5 2.243 5 5 5zm0-8c1.654 0 3 1.346 3 3s-1.346 3-3 3-3-1.346-3-3 1.346-3 3-3zM22 39c2.757 0 5-2.243 5-5s-2.243-5-5-5-5 2.243-5 5 2.243 5 5 5zm0-8c1.654 0 3 1.346 3 3s-1.346 3-3 3-3-1.346-3-3 1.346-3 3-3zM22 51c2.757 0 5-2.243 5-5s-2.243-5-5-5-5 2.243-5 5 2.243 5 5 5zm0-8c1.654 0 3 1.346 3 3s-1.346 3-3 3-3-1.346-3-3 1.346-3 3-3z"
/>
<path
d="M60 55h-2V8c0-3.859-3.141-7-7-7H14c-2.206 0-4 1.794-4 4s1.794 4 4 4h3v4h-1a5.01 5.01 0 0 0-4.899 4H1v5h1c2.95 0 5.438 1.764 5.914 4.192l.158.808H11v2H1v5h1c2.95 0 5.438 1.764 5.914 4.192l.158.808H11v2H1v5h1c2.95 0 5.438 1.764 5.914 4.192l.158.808h3.029A5.009 5.009 0 0 0 16 55h12a5.01 5.01 0 0 0 4.899-4h3.03l.158-.808C36.562 47.763 39.05 46 42 46h1v-5H33v-2h2.929l.158-.808C36.562 35.763 39.05 34 42 34h1v-5H33v-2h2.929l.158-.808C36.562 23.763 39.05 22 42 22h1v-5H32.899A5.009 5.009 0 0 0 28 13h-1V9h22a1 1 0 0 1 1 1v45h-2c-1.654 0-3 1.346-3 3v5h18v-5c0-1.654-1.346-3-3-3zM9.662 25C8.764 22.336 6.148 20.396 3 20.054V19h8v6zm0 12C8.764 34.336 6.148 32.396 3 32.054V31h8v6zM3 44.054V43h8v6H9.662C8.764 46.336 6.148 44.396 3 44.054zM41 43v1.054c-3.148.343-5.764 2.282-6.661 4.946H33v-6zm0-12v1.054c-3.148.343-5.764 2.282-6.661 4.946H33v-6zm0-10.946c-3.148.343-5.764 2.282-6.661 4.946H33v-6h8zM31 18v32c0 1.654-1.346 3-3 3H16c-1.654 0-3-1.346-3-3V18c0-1.654 1.346-3 3-3h12c1.654 0 3 1.346 3 3zm-6-5h-6V9h6zm24-6H14c-1.103 0-2-.897-2-2s.897-2 2-2h37c2.757 0 5 2.243 5 5v47h-4V10c0-1.654-1.346-3-3-3zm12 54H47v-3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1z"
/>
</svg>
More icons in the same style and category