Add icons to this collection by clicking the heart icon.
Traffic Light icon - also known as transportation, signaling, traffic light, intersection, and road sign. Created in a clean flat style with a white, gray, red, 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 512 512"
>
<rect
width="199.265"
height="460.8"
x="156.352"
y="25.6"
fill="#edebf2"
rx="21.57"
/>
<path
fill="#dcd8e6"
d="M355.633 47.2v417.6a21.572 21.572 0 0 1-21.6 21.6h-21.6a21.572 21.572 0 0 0 21.6-21.6V47.2a21.572 21.572 0 0 0-21.6-21.6h21.6a21.572 21.572 0 0 1 21.6 21.6zM134.736 75.424h21.6v87.192h-21.6zM134.736 212.44h21.6v87.12h-21.6zM134.736 349.384h21.6v87.192h-21.6z"
/>
<path
fill="#fc6"
d="M299.543 257.613c-3.91 57.511-87.48 54.4-87.117-3.227 3.91-57.51 87.48-54.401 87.117 3.227z"
/>
<path
fill="#db5669"
d="M299.543 120.619c-3.91 57.511-87.48 54.4-87.117-3.228 3.91-57.51 87.48-54.401 87.117 3.228z"
/>
<path
fill="#9dcc6b"
d="M299.543 394.608c-3.91 57.511-87.48 54.4-87.117-3.228 3.91-57.509 87.48-54.401 87.117 3.228z"
/>
<path
fill="#ffc247"
d="M299.544 257.584c-3.1 45.792-56.592 53.136-78.192 25.272 24.409 18.864 68.184 8.784 70.992-32.472.072-11.808-3.383-21.312-8.928-28.44 9.649 7.416 16.2 19.368 16.128 35.64z"
/>
<path
fill="#d63d53"
d="M299.544 120.64c-3.1 45.72-56.592 53.064-78.119 25.2 24.408 18.864 68.111 8.784 70.919-32.4.072-11.808-3.383-21.312-8.928-28.44 9.649 7.416 16.2 19.368 16.128 35.64z"
/>
<path
fill="#8ec454"
d="M299.544 394.6c-3.1 45.792-56.664 53.136-78.192 25.2 24.409 18.936 68.184 8.856 70.992-32.4.072-11.808-3.383-21.312-9-28.44 9.649 7.34 16.272 19.296 16.2 35.64z"
/>
<path
fill="#425b72"
d="M56.72 75.416h99.632v87.178h-49.816l-12.454-24.907H69.174zM56.72 212.411h99.632v87.178h-49.816l-12.454-24.908H69.174zM56.72 349.405h99.632v87.179h-49.816l-12.454-24.908H69.174z"
/>
<path
fill="#374c5f"
d="M134.736 75.424h21.6v87.192h-21.6zM134.736 212.44h21.6v87.12h-21.6zM134.736 349.384h21.6v87.192h-21.6z"
/>
<path
fill="#425b72"
d="M455.249 75.416h-99.632v87.178h49.816l12.454-24.907h24.908zM455.249 212.411h-99.632v87.178h49.816l12.454-24.908h24.908zM455.249 349.405h-99.632v87.179h49.816l12.454-24.908h24.908z"
/>
<g fill="#374c5f">
<path
d="M396.312 137.704h21.6l-12.455 24.912h-21.6zM455.28 75.424l-12.455 62.28h-21.6l12.455-62.28zM396.312 274.648h21.6l-12.455 24.912h-21.6zM455.28 212.44l-12.455 62.208h-21.6l12.455-62.208zM396.312 411.664h21.6l-12.455 24.912h-21.6zM455.28 349.384l-12.455 62.28h-21.6l12.455-62.28z"
/>
</g>
</svg>
More icons in the same style and category