Add icons to this collection by clicking the heart icon.
Traffic Light icon - also known as light, stop, traffic light, road sign, stop signal, and traffic lights. Created in a clean gradient 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="640"
height="640"
viewBox="-4 0 480 480"
>
<linearGradient id="a">
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".356" stop-color="#ed683c" />
<stop offset=".702" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<linearGradient
id="b"
x1="376"
x2="376"
y1="479.936"
y2="-30.568"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="200"
x2="200"
y1="479.936"
y2="-30.568"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="236"
x2="236"
y1="480"
y2="-30.504"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<g fill="url(#b)">
<path
d="M352 112c0 13.254 10.746 24 24 24s24-10.746 24-24-10.746-24-24-24-24 10.746-24 24zm32 0a8 8 0 1 1-16 0 8 8 0 0 1 16 0zM376 144c-13.254 0-24 10.746-24 24s10.746 24 24 24 24-10.746 24-24-10.746-24-24-24zm0 32a8 8 0 1 1 0-16 8 8 0 0 1 0 16zM376 200c-13.254 0-24 10.746-24 24s10.746 24 24 24 24-10.746 24-24-10.746-24-24-24zm0 32a8 8 0 1 1 0-16 8 8 0 0 1 0 16zm0 0"
/>
</g>
<path
fill="url(#c)"
d="M176 112c0 13.254 10.746 24 24 24s24-10.746 24-24-10.746-24-24-24-24 10.746-24 24zm32 0a8 8 0 1 1-16 0 8 8 0 0 1 16 0zM200 144c-13.254 0-24 10.746-24 24s10.746 24 24 24 24-10.746 24-24-10.746-24-24-24zm0 32a8 8 0 1 1 0-16 8 8 0 0 1 0 16zM200 200c-13.254 0-24 10.746-24 24s10.746 24 24 24 24-10.746 24-24-10.746-24-24-24zm0 32a8 8 0 1 1 0-16 8 8 0 0 1 0 16zm0 0"
/>
<path
fill="url(#d)"
d="M456 0H64C41.918.027 24.027 17.918 24 40v376H8a8 8 0 0 0-8 8v48a8 8 0 0 0 8 8h80a8 8 0 0 0 8-8v-48a8 8 0 0 0-8-8H72V48h104v16h-16a8 8 0 0 0-8 8v16h-16a8.011 8.011 0 0 0-6.309 3.078 8.007 8.007 0 0 0-1.453 6.867l8 32A8.005 8.005 0 0 0 144 136h8v8h-16a8.011 8.011 0 0 0-6.309 3.078 8.007 8.007 0 0 0-1.453 6.867l8 32A8.005 8.005 0 0 0 144 192h8v8h-16a8.011 8.011 0 0 0-6.309 3.078 8.007 8.007 0 0 0-1.453 6.867l8 32A8.005 8.005 0 0 0 144 248h8v16a8 8 0 0 0 8 8h80a8 8 0 0 0 8-8v-16h8a8.005 8.005 0 0 0 7.762-6.055l8-32a8.007 8.007 0 0 0-1.453-6.867A8.011 8.011 0 0 0 264 200h-16v-8h8a8.005 8.005 0 0 0 7.762-6.055l8-32a8.007 8.007 0 0 0-1.453-6.867A8.011 8.011 0 0 0 264 144h-16v-8h8a8.005 8.005 0 0 0 7.762-6.055l8-32a8.007 8.007 0 0 0-1.453-6.867A8.011 8.011 0 0 0 264 88h-16V72a8 8 0 0 0-8-8h-16V48h128v16h-16a8 8 0 0 0-8 8v16h-16a8.011 8.011 0 0 0-6.309 3.078 8.007 8.007 0 0 0-1.453 6.867l8 32A8.005 8.005 0 0 0 320 136h8v8h-16a8.011 8.011 0 0 0-6.309 3.078 8.007 8.007 0 0 0-1.453 6.867l8 32A8.005 8.005 0 0 0 320 192h8v8h-16a8.011 8.011 0 0 0-6.309 3.078 8.007 8.007 0 0 0-1.453 6.867l8 32A8.005 8.005 0 0 0 320 248h8v16a8 8 0 0 0 8 8h80a8 8 0 0 0 8-8v-16h8a8.005 8.005 0 0 0 7.762-6.055l8-32a8.007 8.007 0 0 0-1.453-6.867A8.011 8.011 0 0 0 440 200h-16v-8h8a8.005 8.005 0 0 0 7.762-6.055l8-32a8.007 8.007 0 0 0-1.453-6.867A8.011 8.011 0 0 0 440 144h-16v-8h8a8.005 8.005 0 0 0 7.762-6.055l8-32a8.007 8.007 0 0 0-1.453-6.867A8.011 8.011 0 0 0 440 88h-16V72a8 8 0 0 0-8-8h-16V48h56c8.836 0 16-7.164 16-16V16c0-8.836-7.164-16-16-16zM80 464H16v-32h64zm70.246-344-4-16H152v16zm0 56-4-16H152v16zm0 56-4-16H152v16zm103.508-16-4 16H248v-16zm0-56-4 16H248v-16zm0-56-4 16H248v-16zM232 256h-64V80h64zM208 64h-16V48h16zm118.246 56-4-16H328v16zm0 56-4-16H328v16zm0 56-4-16H328v16zm103.508-16-4 16H424v-16zm0-56-4 16H424v-16zm0-56-4 16H424v-16zM408 256h-64V80h64zM384 64h-16V48h16zm72-32H72c-8.836 0-16 7.164-16 16v368H40V40c0-13.254 10.746-24 24-24h392zm0 0"
/>
</svg>
More icons in the same style and category