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 circlon tech flat gradient style with a white 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="512"
height="512"
viewBox="0 0 6.827 6.827"
>
<linearGradient
id="a"
x1="1.013"
x2="5.813"
y1="1.013"
y2="5.813"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f84d9a" />
<stop offset="1" stop-color="#a10556" />
</linearGradient>
<g fill-rule="evenodd">
<circle cx="3.413" cy="3.413" r="3.333" fill="url(#a)" />
<g fill="#fefefe">
<path
d="M3.413 1.32a.2.2 0 0 0-.141.06L1.379 3.271a.2.2 0 0 0 0 .283l1.893 1.892a.2.2 0 0 0 .283 0l1.892-1.892a.2.2 0 0 0 0-.283L3.555 1.379a.2.2 0 0 0-.142-.058zm0 4.286a.3.3 0 0 1-.213-.088L1.308 3.626a.301.301 0 0 1 0-.425L3.2 1.308a.301.301 0 0 1 .426 0l1.892 1.893a.301.301 0 0 1 0 .425L3.626 5.518a.3.3 0 0 1-.213.088z"
/>
<path
d="M1.677 3.413 3.413 5.15 5.15 3.413 3.413 1.677zm1.736 1.858a.05.05 0 0 1-.035-.015L1.57 3.449a.05.05 0 0 1 0-.071L3.378 1.57a.05.05 0 0 1 .07 0l1.808 1.807a.05.05 0 0 1 0 .07L3.449 5.257a.05.05 0 0 1-.036.015z"
/>
<path
d="M3.18 2.572a.03.03 0 0 0-.03.03v1.622c0 .016.014.03.03.03h.467a.03.03 0 0 0 .03-.03V2.603a.03.03 0 0 0-.03-.03H3.18zm.467 1.783H3.18a.131.131 0 0 1-.13-.131V2.603c0-.072.058-.131.13-.131h.467c.072 0 .13.059.13.13v1.622c0 .072-.058.13-.13.13z"
/>
<path
d="M3.727 3.166H3.1a.05.05 0 1 1 0-.1h.628a.05.05 0 0 1 0 .1zM3.727 3.76H3.1a.05.05 0 1 1 0-.1h.628a.05.05 0 0 1 0 .1zM3.413 3.933a.074.074 0 1 0 0 .15.074.074 0 0 0 0-.15zm0 .25a.175.175 0 1 1 0-.35.175.175 0 0 1 0 .35zM3.413 3.339a.074.074 0 1 0 0 .149.074.074 0 0 0 0-.15zm0 .25a.175.175 0 1 1 0-.35.175.175 0 0 1 0 .35zM3.413 2.745a.074.074 0 1 0 0 .149.074.074 0 0 0 0-.15zm0 .249a.175.175 0 1 1 0-.35.175.175 0 0 1 0 .35zM3.916 3.048h-.189a.05.05 0 0 1 0-.1h.141a.457.457 0 0 1 .104-.257h-.245a.05.05 0 0 1 0-.1h.297a.05.05 0 0 1 .05.05v.067a.05.05 0 0 1-.017.039c-.003.002-.089.08-.091.252a.05.05 0 0 1-.05.049zM3.916 3.642h-.189a.05.05 0 0 1 0-.1h.141a.458.458 0 0 1 .104-.257h-.245a.05.05 0 0 1 0-.1h.297a.05.05 0 0 1 .05.05v.068a.05.05 0 0 1-.017.038c-.003.003-.089.08-.091.252a.05.05 0 0 1-.05.05zM3.916 4.236h-.189a.05.05 0 0 1 0-.1h.141a.458.458 0 0 1 .104-.257h-.245a.05.05 0 1 1 0-.1h.297a.05.05 0 0 1 .05.05v.068a.05.05 0 0 1-.017.038c-.003.003-.089.08-.091.252a.05.05 0 0 1-.05.05zM2.911 3.048a.05.05 0 0 1-.05-.05c-.003-.17-.09-.25-.092-.251a.05.05 0 0 1-.017-.039v-.067a.05.05 0 0 1 .05-.05H3.1a.05.05 0 0 1 0 .1h-.244c.031.036.09.12.103.257H3.1a.05.05 0 0 1 0 .1h-.188zM2.911 3.642a.05.05 0 0 1-.05-.05c-.003-.17-.088-.248-.092-.252a.05.05 0 0 1-.017-.037v-.068a.05.05 0 0 1 .05-.05H3.1a.05.05 0 0 1 0 .1h-.244c.031.036.09.12.103.257H3.1a.05.05 0 0 1 0 .1h-.188zM3.1 4.236H2.91a.05.05 0 0 1-.05-.049c-.003-.171-.088-.25-.092-.252a.05.05 0 0 1-.017-.038v-.068a.05.05 0 0 1 .05-.05H3.1a.05.05 0 0 1 0 .1h-.244c.031.036.09.12.103.257H3.1a.05.05 0 1 1 0 .1z"
/>
</g>
</g>
</svg>
More icons in the same style and category