Add icons to this collection by clicking the heart icon.
Traffic Light icon - also known as buildings, snow, transportation, traffic light, road sign, stop signal, stop light, traffic lights, and architecture and city. Created in a clean flat style with a white, gray, red, maroon, yellow, 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-15c-8.284 0-15 6.716-15 15 0 8.284 6.716 15 15 15H0c8.284 0 15-6.716 15-15C15 6.716 8.284 0 0 0"
transform="translate(376 361)"
fill="#463f3f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-15c-8.284 0-15 6.716-15 15 0 8.284 6.716 15 15 15H0c8.284 0 15-6.716 15-15C15 6.716 8.284 0 0 0"
transform="translate(376 241)"
fill="#463f3f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-15c-8.284 0-15 6.716-15 15 0 8.284 6.716 15 15 15H0c8.284 0 15-6.716 15-15C15 6.716 8.284 0 0 0"
transform="translate(376 121)"
fill="#463f3f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-15c-8.284 0-15 6.716-15 15 0 8.284 6.716 15 15 15H0c8.284 0 15-6.716 15-15C15 6.716 8.284 0 0 0"
transform="translate(151 361)"
fill="#5c5555"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-15c-8.284 0-15 6.716-15 15 0 8.284 6.716 15 15 15H0c8.284 0 15-6.716 15-15C15 6.716 8.284 0 0 0"
transform="translate(151 241)"
fill="#5c5555"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-15c-8.284 0-15 6.716-15 15 0 8.284 6.716 15 15 15H0c8.284 0 15-6.716 15-15C15 6.716 8.284 0 0 0"
transform="translate(151 121)"
fill="#5c5555"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-421c0-8.284-6.716-15-15-15h-180c-8.284 0-15 6.716-15 15V0l45 16 60-60 60 60z"
transform="translate(361 436)"
fill="#766e6e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-421c0-8.284-6.716-15-15-15h-90v392l60 60z"
transform="translate(361 436)"
fill="#5c5555"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-24.81 0-45-20.19-45-45s20.19-45 45-45 45 20.19 45 45S24.81 0 0 0"
transform="translate(256 391)"
fill="#ff6c6c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-24.81 0-45-20.19-45-45s20.19-45 45-45 45 20.19 45 45S24.81 0 0 0"
transform="translate(256 271)"
fill="#8cd96b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-24.81 0-45-20.19-45-45s20.19-45 45-45 45 20.19 45 45S24.81 0 0 0"
transform="translate(256 151)"
fill="#fed843"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-24.81-20.19-45-45-45v90C-20.19 45 0 24.81 0 0"
transform="translate(301 106)"
fill="#fabe2c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-24.81-20.19-45-45-45v90C-20.19 45 0 24.81 0 0"
transform="translate(301 226)"
fill="#5ab267"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v90c24.81 0 45-20.19 45-45S24.81 0 0 0"
transform="translate(256 301)"
fill="#e63950"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-61h-45c-16.55 0-29.95-13.543-30-30.093C-75.05-107.62-88.461-121-105-121s-29.95 13.38-30 29.907C-135.05-74.543-148.45-61-165-61h-45V0c0 8.284 6.716 15 15 15h180C-6.716 15 0 8.284 0 0"
transform="translate(361 497)"
fill="#f2f2fc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-61h-45c-16.55 0-29.95-13.543-30-30.093C-75.05-107.62-88.461-121-105-121V15h90C-6.716 15 0 8.284 0 0"
transform="translate(361 497)"
fill="#e2d9fb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
</svg>
More icons in the same style and category