Add icons to this collection by clicking the heart icon.
Traffic Light icon - also known as light, wifi, control, signaling, traffic light, electronics, Traffic control, and architecture and city. Created in a clean flat 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 1706.66 1706.66"
>
<linearGradient
id="id0"
gradientUnits="userSpaceOnUse"
x1="753.93"
x2="793.93"
y1="445.1"
y2="445.1"
>
<stop offset="0" stop-color="#c73c5b" />
<stop offset="1" stop-color="#a32f60" />
</linearGradient>
<linearGradient
id="id1"
gradientUnits="objectBoundingBox"
x1=".001%"
x2="100.001%"
y1="50%"
y2="50%"
href="#id0"
/>
<linearGradient
id="id2"
gradientUnits="userSpaceOnUse"
x1="1295.44"
x2="1335.44"
y1="445.1"
y2="445.1"
href="#id0"
/>
<linearGradient
id="id3"
gradientUnits="userSpaceOnUse"
x1="158.66"
x2="1548.03"
y1="1686.65"
y2="1686.65"
href="#id0"
/>
<linearGradient
id="id4"
gradientUnits="objectBoundingBox"
x1=".003%"
x2="100%"
y1="50%"
y2="50%"
>
<stop offset="0" stop-color="#e87ea2" />
<stop offset="1" stop-color="#fcd3a5" />
</linearGradient>
<g fill-rule="evenodd">
<g id="Layer_x0020_1">
<path
d="m451.78 192.46h-162.03c-11.04 0-20-8.96-20-20v-152.44c0-11.04 8.96-20 20-20h162.03c11.04 0 20 8.96 20 20v152.44c0 11.04-8.96 20-20 20z"
fill="url(#id4)"
/>
<path
d="m451.78 1706.65h-162.03c-11.04 0-20-8.97-20-20v-1387.48c0-11.04 8.96-20 20-20l162.03.01c11.04 0 20 8.96 20 20v1387.48c0 11.04-8.96 20-20 20z"
fill="url(#id4)"
/>
<path
d="m1528.26 1706.65h-1349.87c-26.33 0-26.33-40 0-40h1349.87c26.32 0 26.32 40 0 40z"
fill="url(#id3)"
/>
<path
d="m1315.44 518.18c-11.04 0-20-8.96-20-20v-106.41c0-26.32 40-26.32 40 0v106.41c.02 11.06-8.96 20-20 20z"
fill="url(#id2)"
/>
<path
d="m1389.69 411.76h-148.49c-11.04 0-20-8.96-20-20v-92.6c0-11.04 8.97-20 20-20l148.49.01c11.04 0 20 8.96 20 20v92.59c.02 11.05-8.96 20-20 20z"
fill="url(#id4)"
/>
<path
d="m773.93 518.18c-11.04 0-20-8.96-20-20v-106.41c0-26.33 40-26.33 40 0v106.41c0 11.06-8.96 20-20 20z"
fill="url(#id0)"
/>
<path
d="m848.17 411.76h-148.47c-11.04 0-20-8.96-20-20v-92.6c0-11.04 8.96-20 20-20l148.47.01c11.04 0 20 8.96 20 20v92.59c0 11.05-8.95 20-20 20z"
fill="url(#id4)"
/>
<path
d="m1528.28 319.17h-1349.89c-11.04 0-20-8.96-20-20v-126.71c0-11.04 8.96-20 20-20h1349.87c11.04 0 20 8.96 20 20v126.71c.02 11.04-8.94 20-19.98 20z"
fill="url(#id1)"
/>
<path
d="m902.54 1036.34h-257.2c-27.7 0-50.25-22.54-50.25-50.25v-457.66c0-27.71 22.54-50.25 50.25-50.25h257.2c27.7 0 50.25 22.54 50.25 50.25v457.65c0 27.71-22.55 50.26-50.25 50.26z"
fill="url(#id4)"
/>
<g fill="url(#id1)">
<path d="m595.09 777.26v-40h357.71v40z" />
<path
d="m773.93 708.16c-44.35 0-80.45-36.08-80.45-80.44 0-44.34 36.09-80.44 80.45-80.44s80.44 36.09 80.44 80.44c0 44.36-36.09 80.44-80.44 80.44z"
/>
<path
d="m773.93 967.24c-44.35 0-80.45-36.1-80.45-80.44 0-44.36 36.09-80.44 80.45-80.44s80.44 36.08 80.44 80.44c0 44.37-36.09 80.44-80.44 80.44z"
/>
</g>
<path
d="m1444.05 1036.34h-257.2c-27.7 0-50.25-22.54-50.25-50.25v-457.66c0-27.71 22.54-50.25 50.25-50.25h257.2c27.7 0 50.25 22.54 50.25 50.25v457.65c0 27.71-22.55 50.26-50.25 50.26z"
fill="url(#id4)"
/>
<path d="m1136.59 777.26v-40h357.71v40z" fill="url(#id1)" />
<path
d="m1315.44 708.16c-44.35 0-80.45-36.08-80.45-80.44 0-44.34 36.09-80.44 80.45-80.44s80.44 36.09 80.44 80.44c0 44.36-36.09 80.44-80.44 80.44z"
fill="url(#id1)"
/>
<path
d="m1315.44 967.24c-44.35 0-80.45-36.1-80.45-80.44 0-44.36 36.09-80.44 80.45-80.44s80.44 36.08 80.44 80.44c0 44.37-36.09 80.44-80.44 80.44z"
fill="url(#id1)"
/>
</g>
</g>
</svg>
More icons in the same style and category