Add icons to this collection by clicking the heart icon.
Traffic Control icon - also known as light, control, transportation, signaling, traffic light, road sign, electronics, stop signal, Traffic control, 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 64 64"
>
<linearGradient
id="a"
x1="17"
x2="17"
y1="66.107"
y2=".409"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<linearGradient
id="b"
x1="46.999"
x2="46.999"
y1="66.107"
y2=".409"
href="#a"
/>
<linearGradient id="c" x1="47" x2="47" y1="66.107" y2=".409" href="#a" />
<linearGradient
id="d"
x1="56.5"
x2="56.5"
y1="66.107"
y2=".409"
href="#a"
/>
<linearGradient
id="e"
x1="44.5"
x2="44.5"
y1="66.107"
y2=".409"
href="#a"
/>
<linearGradient id="f" x1="40" x2="40" y1="66.107" y2=".409" href="#a" />
<g>
<g fill="url(#a)">
<path
d="M17 6a5 5 0 1 0 5 5 5.006 5.006 0 0 0-5-5zm0 8a3 3 0 1 1 3-3 3 3 0 0 1-3 3zM17 18a5 5 0 1 0 5 5 5.006 5.006 0 0 0-5-5zm0 8a3 3 0 1 1 3-3 3 3 0 0 1-3 3zM17 30a5 5 0 1 0 5 5 5.006 5.006 0 0 0-5-5zm0 8a3 3 0 1 1 3-3 3 3 0 0 1-3 3z"
/>
<path
d="M27 28a1 1 0 0 0 .895-.553l4-8A1 1 0 0 0 31 18h-5v-2h1a1 1 0 0 0 .895-.553l4-8A1 1 0 0 0 31 6h-5V5a3 3 0 0 0-3-3H11a3 3 0 0 0-3 3v1H3a1 1 0 0 0-.895 1.447l4 8A1 1 0 0 0 7 16h1v2H3a1 1 0 0 0-.895 1.447l4 8A1 1 0 0 0 7 28h1v2H3a1 1 0 0 0-.895 1.447l4 8A1 1 0 0 0 7 40h1v1a3 3 0 0 0 3 3h2v17a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V44h2a3 3 0 0 0 3-3v-1h1a1 1 0 0 0 .895-.553l4-8A1 1 0 0 0 31 30h-5v-2zm2.382-8-3 6H26v-6zm0-12-3 6H26V8zM7.618 14l-3-6H8v6zm0 12-3-6H8v6zm0 12-3-6H8v6zM19 60h-4V44h4zm5-19a1 1 0 0 1-1 1H11a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1zm5.382-9-3 6H26v-6z"
/>
</g>
<path
fill="url(#b)"
d="M38.172 30.171a1 1 0 0 1-.674-1.739l.27-.245a14.373 14.373 0 0 1 18.432-.029l.3.272a1 1 0 0 1-1.346 1.48l-.268-.244a12.356 12.356 0 0 0-15.8.028l-.236.217a1 1 0 0 1-.678.26z"
/>
<path
fill="url(#c)"
d="M50.437 36.071a1 1 0 0 1-.64-.232 4.37 4.37 0 0 0-5.594 0 1 1 0 1 1-1.281-1.539 6.367 6.367 0 0 1 8.156 0 1 1 0 0 1-.641 1.768zM58 54h-8v-8.026a5 5 0 1 0-6 0V54h-8a4 4 0 0 0 0 8h22a4 4 0 0 0 0-8zM47 39a3 3 0 1 1-3 3 3 3 0 0 1 3-3zm-1 7.9a5 5 0 0 0 2 0V54h-2zM58 60H36a2 2 0 0 1 0-4h22a2 2 0 0 1 0 4z"
/>
<path fill="url(#d)" d="M57 59h-1a1 1 0 0 1 0-2h1a1 1 0 0 1 0 2z" />
<path fill="url(#e)" d="M52 59H37a1 1 0 0 1 0-2h15a1 1 0 0 1 0 2z" />
<path fill="url(#c)" d="M50 18h-6a1 1 0 0 1 0-2h6a1 1 0 0 1 0 2z" />
<path
fill="url(#f)"
d="M43 7h-2V5a1 1 0 0 0-2 0v2h-2a1 1 0 0 0 0 2h2v2a1 1 0 0 0 2 0V9h2a1 1 0 0 0 0-2z"
/>
<path
fill="url(#c)"
d="M53.707 31.293a10.377 10.377 0 0 0-13.412 0 1 1 0 0 0 1.349 1.474 8.343 8.343 0 0 1 10.716 0 1 1 0 0 0 1.349-1.474z"
/>
</g>
</svg>
More icons in the same style and category