Add icons to this collection by clicking the heart icon.
Traffic Light icon - also known as business, light, buildings, stop, transportation, signaling, traffic light, road sign, stop signal, traffic lights, and seo and web. Created in a clean flat style with a white, silver, gray, red, teal, 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="512"
height="512"
viewBox="0 0 512 512"
>
<g fill="#d8d8d8">
<path
d="M386.154 187.667H463v15c0 25.24-7.014 49.931-20.283 71.401a135.725 135.725 0 0 1-54.792 50.074l-1.77.885v-137.36zM386.154 342.333H463v15c0 25.24-7.014 49.93-20.283 71.401a135.725 135.725 0 0 1-54.792 50.074l-1.77.885v-137.36zM386.154 33H463v15c0 25.24-7.014 49.931-20.283 71.401a135.725 135.725 0 0 1-54.792 50.074l-1.77.885V33z"
/>
</g>
<path
fill="#e7e7e7"
d="M125.846 187.667H49v15c0 25.24 7.014 49.931 20.283 71.401a135.721 135.721 0 0 0 54.793 50.074l1.77.885zM125.846 342.333H49v15c0 25.24 7.014 49.93 20.283 71.401a135.721 135.721 0 0 0 54.793 50.074l1.77.885zM125.846 33H49v15c0 25.24 7.014 49.931 20.283 71.401a135.721 135.721 0 0 0 54.793 50.074l1.77.885z"
/>
<path fill="#474f54" d="M388.333 0H256l-10.667 256L256 512h132.333z" />
<path fill="#676e74" d="M123.667 0H256v512H123.667z" />
<path
fill="#fd4b00"
d="M301.333 103c0-25.037-20.296-45.333-45.333-45.333l-10.667 49L256 148.333c25.037 0 45.333-20.296 45.333-45.333z"
/>
<path
fill="#fc7100"
d="M256 57.667c-25.037 0-45.333 20.296-45.333 45.333s20.296 45.333 45.333 45.333z"
/>
<path
fill="#fc7100"
d="m256 42.667-10.667 10.667L256 72.666c16.726 0 30.333 13.607 30.333 30.334 0 16.726-13.607 30.333-30.333 30.333l-10.667 16.001L256 163.333c33.268 0 60.333-27.065 60.333-60.333S289.268 42.667 256 42.667z"
/>
<path
fill="#ff8c00"
d="M225.667 103c0-16.726 13.607-30.334 30.333-30.334v-30c-33.268 0-60.333 27.065-60.333 60.333s27.065 60.333 60.333 60.333v-30c-16.726.001-30.333-13.606-30.333-30.332zM301.333 256c0-25.037-20.296-45.333-45.333-45.333l-10.667 49L256 301.333c25.037 0 45.333-20.296 45.333-45.333z"
/>
<path
fill="#fdae02"
d="M256 210.667c-25.037 0-45.333 20.296-45.333 45.333s20.296 45.333 45.333 45.333z"
/>
<path
fill="#fdae02"
d="m256 195.667-10.667 10.667L256 225.667c16.726 0 30.333 13.607 30.333 30.333S272.726 286.333 256 286.333l-10.667 16 10.667 14c33.268 0 60.333-27.065 60.333-60.333S289.268 195.667 256 195.667z"
/>
<path
fill="#fdcb02"
d="M225.667 256c0-16.726 13.607-30.333 30.333-30.333v-30c-33.268 0-60.333 27.065-60.333 60.333s27.065 60.333 60.333 60.333v-30c-16.726 0-30.333-13.607-30.333-30.333z"
/>
<path
fill="#0dca71"
d="M301.333 409c0-25.037-20.296-45.333-45.333-45.333l-10.667 49L256 454.333c25.037 0 45.333-20.296 45.333-45.333z"
/>
<path
fill="#04db7b"
d="M256 363.667c-25.037 0-45.333 20.296-45.333 45.333s20.296 45.333 45.333 45.333z"
/>
<path
fill="#04db7b"
d="m256 348.667-10.667 10.667L256 378.667c16.726 0 30.333 13.607 30.333 30.334 0 16.725-13.607 30.333-30.333 30.333l-10.667 16 10.667 14c33.268 0 60.333-27.065 60.333-60.333 0-33.269-27.065-60.334-60.333-60.334z"
/>
<path
fill="#00ff8b"
d="M225.667 409c0-16.726 13.607-30.334 30.333-30.334v-30c-33.268 0-60.333 27.065-60.333 60.334 0 33.267 27.065 60.333 60.333 60.333v-30c-16.726 0-30.333-13.607-30.333-30.333z"
/>
</svg>
More icons in the same style and category