Add icons to this collection by clicking the heart icon.
Traffic Lights icon - also known as transportation, signaling, road sign, traffic sign, stop signal, stop light, 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="512"
height="512"
viewBox="0 0 512 512"
>
<linearGradient
id="a"
x1="256"
x2="256"
y1="512"
y2="30"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#5558ff" />
<stop offset="1" stop-color="#00c0ff" />
</linearGradient>
<linearGradient
id="b"
x1="256"
x2="256"
y1="452"
y2="0"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#addcff" />
<stop offset=".503" stop-color="#eaf6ff" />
<stop offset="1" stop-color="#eaf6ff" />
</linearGradient>
<path
fill="url(#a)"
d="M196 62h-45l-15-32-15 32H76c-24.901 0-45 20.1-45 45v360c0 24.898 20.099 45 45 45h120c24.901 0 45-20.102 45-45V107c0-24.9-20.099-45-45-45zm240 0h-45l-15-32-15 32h-45c-24.901 0-45 20.1-45 45v360c0 24.898 20.099 45 45 45h120c24.902 0 45-20.102 45-45V107c0-24.9-20.098-45-45-45z"
/>
<path
fill="url(#b)"
d="M136 362c-24.814 0-45 20.186-45 45s20.186 45 45 45 45-20.186 45-45-20.186-45-45-45zm0-120c-24.814 0-45 20.186-45 45s20.186 45 45 45 45-20.186 45-45-20.186-45-45-45zm0-120c-24.814 0-45 20.186-45 45s20.186 45 45 45 45-20.186 45-45-20.186-45-45-45zm240 240c-24.814 0-45 20.186-45 45s20.186 45 45 45 45-20.186 45-45-20.186-45-45-45zm0-120c-24.814 0-45 20.186-45 45s20.186 45 45 45 45-20.186 45-45-20.186-45-45-45zm-45-75c0 24.814 20.186 45 45 45s45-20.186 45-45-20.186-45-45-45-45 20.186-45 45zM151 30h210v32h30V15c0-8.401-6.599-15-15-15H136c-8.401 0-15 6.599-15 15v47h30z"
/>
</svg>
More icons in the same style and category