Add icons to this collection by clicking the heart icon.
Traffic Light icon - also known as transportation, signaling, traffic light, road sign, stop signal, and stop light. Created in a clean flat style with a gray, teal, orange, and pink 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 1707 1707"
>
<g fill-rule="evenodd">
<path
fill="#3a556a"
d="M946 1706H760c-11 0-20-8-20-19v-423c0-11 9-20 20-20h186c11 0 20 9 20 20v423c0 11-9 19-20 19z"
/>
<path
fill="#2f4556"
d="M740 1310v-46c0-11 9-20 20-20h186c11 0 20 9 20 20v46z"
/>
<g fill="#3a556a">
<path
d="M1305 1162h-173c-12 0-20-9-20-20V939c0-11 8-20 20-20h322c7 0 14 4 18 11 3 7 2 15-2 21l-149 203c-4 5-10 8-16 8zM1305 835h-173c-12 0-20-9-20-20V612c0-11 8-20 20-20h322c7 0 14 4 18 11 3 7 2 15-2 21l-149 203c-4 5-10 8-16 8zM1305 508h-173c-12 0-20-9-20-20V285c0-11 8-20 20-20h322c7 0 14 4 18 11 3 7 2 15-2 21l-149 203c-4 5-10 8-16 8zM575 1162H402c-7 0-13-3-16-8L237 951c-5-6-5-14-2-21s10-11 18-11h322c11 0 20 9 20 20v203c0 11-9 20-20 20zM575 835H402c-7 0-13-3-16-8L237 624c-5-6-5-14-2-21s10-11 18-11h322c11 0 20 9 20 20v203c0 11-9 20-20 20zM575 508H402c-7 0-13-3-16-8L237 297c-5-6-5-14-2-21s10-11 18-11h322c11 0 20 9 20 20v203c0 11-9 20-20 20z"
/>
</g>
<path
fill="#2f4556"
d="M1178 1162h-46c-12 0-20-9-20-20V939c0-11 8-20 20-20h46zM1178 835h-46c-12 0-20-9-20-20V612c0-11 8-20 20-20h46zM1178 508h-46c-12 0-20-9-20-20V285c0-11 8-20 20-20h46zM575 1162h-46V919h46c11 0 20 9 20 20v203c0 11-9 20-20 20zM575 835h-46V592h46c11 0 20 9 20 20v203c0 11-9 20-20 20zM575 508h-46V265h46c11 0 20 9 20 20v203c0 11-9 20-20 20z"
/>
<path
fill="#3a556a"
d="M994 183H712c-11 0-20-9-20-20V92c0-51 41-92 92-92h139c50 0 91 41 91 92v71c0 11-9 20-20 20z"
/>
<path
fill="#64798a"
d="M1132 1284H575c-11 0-20-9-20-20V163c0-11 9-20 20-20h557c11 0 20 9 20 20v1101c0 11-9 20-20 20z"
/>
<path
fill="#fcd462"
d="M853 1228c-80 0-146-66-146-147 0-80 66-146 146-146 81 0 147 66 147 146 0 81-66 147-147 147z"
/>
<path
fill="#44c4a1"
d="M853 860c-80 0-146-66-146-147 0-80 66-146 146-146 81 0 147 66 147 146 0 81-66 147-147 147z"
/>
<path
fill="#ec6257"
d="M853 492c-80 0-146-66-146-146 0-81 66-147 146-147 81 0 147 66 147 147 0 80-66 146-147 146z"
/>
<path
fill="#64798a"
d="M1135 1707H572c-11 0-20-9-20-20 0-12 9-20 20-20h563c11 0 20 8 20 20 0 11-9 20-20 20z"
/>
<path
fill="#d4584e"
d="M735 382c0-81 65-146 146-146 39 0 75 15 101 40-25-45-73-77-129-77-80 0-146 66-146 147 0 41 17 79 45 105-11-20-17-44-17-69z"
/>
<path
fill="#3db091"
d="M735 750c0-81 65-146 146-146 39 0 75 15 101 40-25-46-73-77-129-77-80 0-146 66-146 146 0 42 17 79 45 106-11-21-17-44-17-69z"
/>
<path
fill="#fcbf58"
d="M735 1118c0-81 65-147 146-147 39 0 75 16 101 41-25-46-73-77-129-77-80 0-146 66-146 146 0 42 17 79 45 106-11-21-17-44-17-69z"
/>
</g>
</svg>
More icons in the same style and category