Add icons to this collection by clicking the heart icon.
Traffic Light icon - also known as winter, snow, transportation, signaling, traffic light, road sign, stop signal, stop light, traffic lights, and architecture and city. 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 64 64"
>
<path fill="#7182aa" d="M40 19H4v-4l36-3z" />
<path fill="#596d8d" d="M40 17v-5L4 15v2l8.999-.002V19H21v-2h7v2h8v-2z" />
<path fill="#596d8d" d="M6 12h34v7H6z" />
<path fill="#506482" d="M40 17v-5H6v4.999l6.999-.001V19H21v-2h7v2h8v-2z" />
<path
fill="#7182aa"
d="M56 63H44a4 4 0 0 1-4-4V12h16l4 3v44a4 4 0 0 1-4 4z"
/>
<path fill="#596d8d" d="m60 15-4-3H40v5h5a4 4 0 0 0 8 0h7z" />
<path
fill="#596d8d"
d="M56 63H46a4 4 0 0 1-4-4V13h14l4 2v44a4 4 0 0 1-4 4z"
/>
<path fill="#506482" d="m60 15-4-3H42v5h3a4 4 0 0 0 8 0h7z" />
<circle cx="50" cy="21" r="6" fill="#f89289" />
<path
fill="#ed7f7a"
d="M50 15a5.991 5.991 0 0 0-4.94 2.6A3.992 3.992 0 0 0 53 17h1.463A5.976 5.976 0 0 0 50 15z"
/>
<circle cx="50" cy="37" r="6" fill="#ffe17a" />
<circle cx="50" cy="53" r="6" fill="#8cdf96" />
<path
fill="#f6f9ff"
d="M4 11v4h9a2 2 0 0 1 2 2v6a2 2 0 0 0 2 2 2 2 0 0 0 2-2v-6a2 2 0 0 1 2-2h7a2 2 0 0 1 2 2v2a2 2 0 0 0 2 2 2 2 0 0 0 2-2v-2a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2 2 2 0 0 0 2 2 2 2 0 0 0 2-2 2 2 0 0 1 2-2h7a4 4 0 0 0-4-4z"
/>
<g fill="#e9f0ff">
<path
d="M60 15a3.961 3.961 0 0 0-.36-1.64A3.961 3.961 0 0 0 58 13H6v2h7a2 2 0 0 1 2 2v6a2 2 0 0 0 4 0v-6a2 2 0 0 1 2-2h7a2 2 0 0 1 2 2v2a2 2 0 0 0 4 0v-2a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2 2 2 0 0 0 4 0 2 2 0 0 1 2-2z"
/>
<circle cx="32" cy="3" r="2" />
<circle cx="28" cy="32" r="2" />
<circle cx="8" cy="53" r="2" />
<circle cx="56" cy="5" r="2" />
<circle cx="21" cy="45" r="2" />
<circle cx="32" cy="57" r="2" />
<circle cx="10" cy="33" r="2" />
<circle cx="8" cy="5" r="2" />
</g>
</svg>
More icons in the same style and category