Add icons to this collection by clicking the heart icon.
Traffic Lights icon - also known as business, light, buildings, stop, transportation, signaling, traffic light, road sign, stop signal, traffic lights, and seo and web. Created in a clean gradient style with a silver 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="512pt"
height="512pt"
viewBox="0 0 512 512"
>
<linearGradient id="a">
<stop offset="0" stop-color="#ffde7a" />
<stop offset="1" stop-color="#ffab37" />
</linearGradient>
<linearGradient
id="b"
x1="74.981"
x2="437.019"
y1="74.981"
y2="437.019"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="120.5"
x2="381.692"
y1="256"
y2="256"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#014859" />
<stop offset="1" stop-color="#010409" />
</linearGradient>
<linearGradient
id="d"
x1="159.667"
x2="348.363"
y1="167.089"
y2="167.089"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff6737" />
<stop offset="1" stop-color="#d5012f" />
</linearGradient>
<linearGradient
id="e"
x1="160.667"
x2="355.83"
y1="256"
y2="256"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="149"
x2="354.01"
y1="344.911"
y2="344.911"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#76bf32" />
<stop offset="1" stop-color="#2e6721" />
</linearGradient>
<linearGradient
id="g"
x1="174.333"
x2="333.552"
y1="167.089"
y2="167.089"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff8937" />
<stop offset="1" stop-color="#ff4437" />
</linearGradient>
<linearGradient
id="h"
x1="162.667"
x2="340.452"
y1="256"
y2="256"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#eff7f9" />
<stop offset=".989" stop-color="#ffeebc" />
</linearGradient>
<linearGradient
id="i"
x1="170"
x2="341.657"
y1="344.911"
y2="344.911"
gradientUnits="userSpaceOnUse"
>
<stop offset=".011" stop-color="#aeed73" />
<stop offset="1" stop-color="#5aa811" />
</linearGradient>
<path
fill="url(#b)"
d="M512 256c0 141.387-114.613 256-256 256S0 397.387 0 256 114.613 0 256 0s256 114.613 256 256zm0 0"
/>
<g fill="#9da9ad">
<path
d="M239.398 147.535h33.204v16.602h-33.204zM239.398 347.863h33.204v16.602h-33.204zM239.398 247.7h33.204v16.6h-33.204zm0 0"
/>
</g>
<path fill="url(#c)" d="M264.297 114.332h127.648v283.332H264.297zm0 0" />
<path
fill="url(#d)"
d="M328.125 130.934c-19.938 0-36.156 16.218-36.156 36.156s16.219 36.156 36.156 36.156c19.934 0 36.152-16.219 36.152-36.156s-16.218-36.156-36.152-36.156zm0 0"
/>
<path
fill="url(#e)"
d="M328.125 219.848c-19.938 0-36.156 16.218-36.156 36.152 0 19.938 16.219 36.156 36.156 36.156 19.934 0 36.152-16.219 36.152-36.156s-16.218-36.152-36.152-36.152zm0 0"
/>
<path
fill="url(#f)"
d="M328.125 308.758c-19.938 0-36.156 16.219-36.156 36.152 0 19.938 16.219 36.156 36.156 36.156 19.934 0 36.152-16.218 36.152-36.156 0-19.933-16.218-36.152-36.152-36.152zm0 0"
/>
<path
fill="url(#g)"
d="M328.125 147.535c-10.781 0-19.555 8.774-19.555 19.555s8.774 19.55 19.555 19.55 19.55-8.769 19.55-19.55-8.769-19.555-19.55-19.555zm0 0"
/>
<path
fill="url(#h)"
d="M328.125 236.445c-10.781 0-19.555 8.774-19.555 19.555s8.774 19.555 19.555 19.555 19.55-8.774 19.55-19.555-8.769-19.555-19.55-19.555zm0 0"
/>
<path
fill="url(#i)"
d="M328.125 325.36c-10.781 0-19.555 8.769-19.555 19.55s8.774 19.555 19.555 19.555 19.55-8.774 19.55-19.555-8.769-19.55-19.55-19.55zm0 0"
/>
<path fill="url(#c)" d="M120.05 114.332H247.7v283.332H120.05zm0 0" />
<path
fill="url(#d)"
d="M183.875 130.934c-19.938 0-36.156 16.218-36.156 36.156s16.219 36.156 36.156 36.156 36.156-16.219 36.156-36.156c-.004-19.938-16.222-36.156-36.156-36.156zm0 0"
/>
<path
fill="url(#g)"
d="M183.875 147.535c-10.781 0-19.555 8.774-19.555 19.555s8.774 19.55 19.555 19.55 19.555-8.769 19.555-19.55-8.774-19.555-19.555-19.555zm0 0"
/>
<path
fill="url(#e)"
d="M183.875 219.848c-19.938 0-36.156 16.218-36.156 36.152 0 19.938 16.219 36.156 36.156 36.156s36.156-16.219 36.156-36.156c-.004-19.938-16.222-36.152-36.156-36.152zm0 0"
/>
<path
fill="url(#h)"
d="M183.875 236.445c-10.781 0-19.555 8.774-19.555 19.555s8.774 19.555 19.555 19.555S203.43 266.78 203.43 256s-8.774-19.555-19.555-19.555zm0 0"
/>
<path
fill="url(#f)"
d="M183.875 308.758c-19.938 0-36.156 16.219-36.156 36.152 0 19.938 16.219 36.156 36.156 36.156s36.156-16.218 36.156-36.156c-.004-19.933-16.222-36.152-36.156-36.152zm0 0"
/>
<path
fill="url(#i)"
d="M183.875 325.36c-10.781 0-19.555 8.769-19.555 19.55s8.774 19.555 19.555 19.555 19.555-8.774 19.555-19.555-8.774-19.55-19.555-19.55zm0 0"
/>
</svg>
More icons in the same style and category