Add icons to this collection by clicking the heart icon.
Traffic Lights icon - also known as light, stop, transportation, signaling, road sign, stop signal, stop light, and traffic lights. Created in a clean lineal 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="-4.643"
x2="513.858"
y1="476.643"
y2="-41.858"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#003f8a" />
<stop offset=".518" stop-color="#00d7df" />
<stop offset="1" stop-color="#006df0" />
</linearGradient>
<linearGradient
id="b"
x1="-68.643"
x2="449.858"
y1="412.643"
y2="-105.858"
href="#a"
/>
<linearGradient
id="c"
x1="59.357"
x2="577.858"
y1="540.643"
y2="22.142"
href="#a"
/>
<linearGradient
id="d"
x1=".29"
x2="518.792"
y1="481.577"
y2="-36.924"
href="#a"
/>
<path
fill="url(#a)"
d="M256 160a56 56 0 1 0 56 56 56.063 56.063 0 0 0-56-56zm0 96a40 40 0 1 1 40-40 40.045 40.045 0 0 1-40 40z"
/>
<path
fill="url(#b)"
d="M256 32a56 56 0 1 0 56 56 56.064 56.064 0 0 0-56-56zm0 96a40 40 0 1 1 40-40 40.045 40.045 0 0 1-40 40z"
/>
<path
fill="url(#c)"
d="M256 288a56 56 0 1 0 56 56 56.063 56.063 0 0 0-56-56zm0 96a40 40 0 1 1 40-40 40.045 40.045 0 0 1-40 40z"
/>
<path
fill="url(#d)"
d="M324 8H188a28.031 28.031 0 0 0-28 28v360a28.031 28.031 0 0 0 28 28h28v16a8 8 0 0 0 8 8h8v48a8 8 0 0 0 8 8h32a8 8 0 0 0 8-8v-48h8a8 8 0 0 0 8-8v-16h28a28.031 28.031 0 0 0 28-28V36a28.031 28.031 0 0 0-28-28zm-60 480h-16v-40h16zm16-56h-48v-8h48zm56-36a12.01 12.01 0 0 1-12 12H188a12.01 12.01 0 0 1-12-12V36a12.01 12.01 0 0 1 12-12h136a12.01 12.01 0 0 1 12 12z"
/>
</svg>
More icons in the same style and category