Add icons to this collection by clicking the heart icon.
Traffic Light icon - also known as signaling, traffic light, road sign, stop light, and architecture and city. Created in a clean flat style with a gray, red, maroon, 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"
>
<path fill="#5a5a5a" d="M222.519 374.251h66.962v137.748h-66.962z" />
<path fill="#444" d="M222.519 374.251h66.962V488.28h-66.962z" />
<path
fill="#838383"
d="M380.83 140.098h-17.151V37.228h35.208c3.329 0 5.784 3.11 5.01 6.348zM380.83 280.974h-17.151v-102.87h35.208c3.329 0 5.784 3.11 5.01 6.348zM380.83 421.851h-17.151v-102.87h35.208c3.329 0 5.784 3.11 5.01 6.348z"
/>
<path
fill="#9c9c9c"
d="M131.17 140.098h17.151V37.228h-35.208c-3.329 0-5.784 3.11-5.01 6.348zM131.17 280.974h17.151v-102.87h-35.208c-3.329 0-5.784 3.11-5.01 6.348zM131.17 421.851h17.151v-102.87h-35.208c-3.329 0-5.784 3.11-5.01 6.348z"
/>
<path
fill="#5a5a5a"
d="M360.759 446.716V12.362C360.759 5.535 355.224 0 348.397 0H160.683c-6.827 0-12.362 5.535-12.362 12.362v434.354c0 6.827 5.535 12.362 12.362 12.362h187.714c6.827 0 12.362-5.534 12.362-12.362z"
/>
<g fill="#444">
<circle cx="256" cy="229.539" r="51.435" />
<circle cx="256" cy="370.415" r="51.435" />
<circle cx="256" cy="88.663" r="51.435" />
</g>
<path
fill="#fdb441"
d="M306.744 237.923c-4.005-17.573-25.193-30.984-50.744-30.984s-46.739 13.411-50.744 30.984c4.005 24.417 25.193 43.052 50.744 43.052s46.739-18.635 50.744-43.052z"
/>
<path
fill="#ca2c2c"
d="M306.744 97.046C302.739 79.473 281.551 66.062 256 66.062s-46.739 13.411-50.744 30.984c4.005 24.417 25.193 43.051 50.744 43.051s46.739-18.633 50.744-43.051z"
/>
<path
fill="#09a76d"
d="M306.744 378.799c-4.005-17.573-25.193-30.984-50.744-30.984s-46.739 13.411-50.744 30.984c4.005 24.418 25.193 43.052 50.744 43.052s46.739-18.634 50.744-43.052z"
/>
<path
fill="#444"
d="M351.317 0h-35.042c6.827 0 12.362 5.535 12.362 12.362v434.354c0 6.827-5.535 12.362-12.362 12.362h35.042c6.827 0 12.362-5.535 12.362-12.362V12.362C363.679 5.535 358.144 0 351.317 0z"
/>
<path
fill="#fea613"
d="M256 206.938c-5.074 0-9.971.537-14.601 1.522 18.683 3.977 32.934 15.379 36.143 29.462-3.209 19.568-17.46 35.412-36.143 40.937A51.406 51.406 0 0 0 256 280.974c25.551 0 46.739-18.634 50.744-43.052-4.005-17.573-25.193-30.984-50.744-30.984z"
/>
<path
fill="#a72b2b"
d="M256 66.062c-5.074 0-9.971.537-14.601 1.522 18.683 3.977 32.934 15.379 36.143 29.462-3.209 19.568-17.46 35.411-36.143 40.937A51.406 51.406 0 0 0 256 140.098c25.551 0 46.739-18.634 50.744-43.051-4.005-17.574-25.193-30.985-50.744-30.985z"
/>
<path
fill="#02905d"
d="M256 347.815c-5.074 0-9.971.537-14.601 1.522 18.683 3.977 32.934 15.379 36.143 29.462-3.209 19.569-17.46 35.412-36.143 40.937A51.406 51.406 0 0 0 256 421.851c25.551 0 46.739-18.634 50.744-43.052-4.005-17.573-25.193-30.984-50.744-30.984z"
/>
</svg>
More icons in the same style and category