Add icons to this collection by clicking the heart icon.
Traffic Light icon - also known as business, light, buildings, signal, traffic, stop, transportation, signaling, traffic light, road sign, stop signal, traffic lights, sports and competition, and architecture and city. Created in a clean flat style with a black, red, yellow, olive, 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="100"
height="100"
viewBox="0 0 512 512"
>
<path
d="M151 150H81.728l-45-90H151v90zM151 301H81.728l-45-90H151v90zM151 452H81.728l-45-90H151v90z"
fill="#002c6d"
/>
<path
d="M430.272 150H361V60h114.272l-45 90zM430.272 301H361v-90h114.272l-45 90zM430.272 452H361v-90h114.272l-45 90z"
fill="#001e38"
/>
<path d="M391 512H121V0h270v512z" fill="#00479b" />
<path d="M256 0h135v512H256z" fill="#002c6d" />
<path
d="M256 165c-33.091 0-60-26.909-60-60s26.909-60 60-60 60 26.909 60 60-26.909 60-60 60z"
fill="#f33"
/>
<path
d="M316 105c0-33.091-26.909-60-60-60v120c33.091 0 60-26.909 60-60z"
fill="#cc0202"
/>
<path
d="M256 316c-33.091 0-60-26.909-60-60s26.909-60 60-60 60 26.909 60 60-26.909 60-60 60z"
fill="#fedb41"
/>
<path
d="M316 256c0-33.091-26.909-60-60-60v120c33.091 0 60-26.909 60-60z"
fill="#fcbf29"
/>
<path
d="M256 467c-33.091 0-60-26.909-60-60s26.909-60 60-60 60 26.909 60 60-26.909 60-60 60z"
fill="#6ecd24"
/>
<path
d="M316 407c0-33.091-26.909-60-60-60v120c33.091 0 60-26.909 60-60z"
fill="#66bd21"
/>
</svg>
More icons in the same style and category