Add icons to this collection by clicking the heart icon.
Traffic Lights icon - also known as light, stop, transportation, signaling, traffic light, road sign, stop signal, stop light, traffic lights, and seo and web. Created in a clean flat style with a silver, gray, red, teal, navy, and orange 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0h-5c-8.284 0-15 6.716-15 15v60c0 8.284 6.716 15 15 15h64c8.284 0 15-6.716 15-15v-1C74 33.196 40.804 0 0 0"
transform="translate(361 230)"
fill="#525cdd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-5c-8.284 0-15 6.716-15 15v60c0 8.284 6.716 15 15 15h64c8.284 0 15-6.716 15-15v-1C74 33.196 40.804 0 0 0"
transform="translate(361 354.828)"
fill="#525cdd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-5c-8.284 0-15 6.716-15 15v60c0 8.284 6.716 15 15 15h64c8.284 0 15-6.716 15-15v-1C74 33.196 40.804 0 0 0"
transform="translate(361 105.173)"
fill="#525cdd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-5c-40.804 0-74 33.196-74 74v1c0 8.284 6.716 15 15 15H0c8.284 0 15-6.716 15-15V15C15 6.716 8.284 0 0 0"
transform="translate(156 230)"
fill="#4793ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-5c-40.804 0-74 33.196-74 74v1c0 8.284 6.716 15 15 15H0c8.284 0 15-6.716 15-15V15C15 6.716 8.284 0 0 0"
transform="translate(156 354.828)"
fill="#4793ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-5c-40.804 0-74 33.196-74 74v1c0 8.284 6.716 15 15 15H0c8.284 0 15-6.716 15-15V15C15 6.716 8.284 0 0 0"
transform="translate(156 105.173)"
fill="#4793ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-60.001c-8.284 0-15 6.716-15 15v34c0 8.284 6.716 15 15 15H0c8.284 0 15-6.716 15-15V15C15 6.716 8.284 0 0 0"
transform="translate(286)"
fill="#4793ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30v-64H0c8.284 0 15 6.716 15 15v34C15-6.716 8.284 0 0 0"
transform="translate(286 64)"
fill="#525cdd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-140c-24.813 0-45 20.187-45 45v384c0 24.813 20.187 45 45 45H0c24.813 0 45-20.187 45-45V45C45 20.187 24.813 0 0 0"
transform="translate(326 38)"
fill="#00429d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-70v-474H0c24.813 0 45 20.187 45 45v384C45-20.187 24.813 0 0 0"
transform="translate(326 512)"
fill="#00347b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-27.57 0-50 22.43-50 50s22.43 50 50 50 50-22.43 50-50S27.57 0 0 0"
transform="translate(256 349.827)"
fill="#ff6c6c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-27.57 0-50 22.43-50 50s22.43 50 50 50 50-22.43 50-50S27.57 0 0 0"
transform="translate(256 225)"
fill="#fdbf00"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-27.57 0-50 22.43-50 50s22.43 50 50 50 50-22.43 50-50S27.57 0 0 0"
transform="translate(256 100.172)"
fill="#bee75e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-100c27.57 0 50 22.43 50 50S27.57 0 0 0"
transform="translate(256 449.827)"
fill="#e50058"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-100c27.57 0 50 22.43 50 50S27.57 0 0 0"
transform="translate(256 325)"
fill="#ff8856"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-100c27.57 0 50 22.43 50 50S27.57 0 0 0"
transform="translate(256 200.172)"
fill="#00cc71"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
</svg>
More icons in the same style and category