Add icons to this collection by clicking the heart icon.
Traffic Lights icon - also known as signals, lights, road, stop, driving, and traffic lights. Created in a clean flat style with a gray, red, teal, navy, 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 58 58"
>
<g fill="none" fill-rule="nonzero">
<path
fill="#f9c795"
d="M54 47v9a2 2 0 0 1-2 2H40a2 2 0 0 1-2-2v-8.34z"
/>
<path
fill="#fdd7ad"
d="M58 21.5V39c0 5.523-4.477 10-10 10h-5c-5.523 0-10-4.477-10-10V26a2.015 2.015 0 0 1 2-2 3 3 0 0 1 3 3V15.5a2.5 2.5 0 1 1 5 0v-3a2.5 2.5 0 1 1 5 0v4a2.5 2.5 0 1 1 5 0v5a2.5 2.5 0 1 1 5 0z"
/>
<path
fill="#2c3e50"
d="M13 39h4v18a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1zM23 3h5.986a1 1 0 0 1 1 1.128C29.689 6.332 28.411 11 23 11H7C1.589 11 .311 6.332.009 4.128A1 1 0 0 1 1.014 3zM23 16h5.986a1 1 0 0 1 1 1.128C29.689 19.332 28.411 24 23 24H7C1.589 24 .311 19.332.009 17.128a1 1 0 0 1 1-1.128zM23 29h5.986a1 1 0 0 1 1 1.128C29.689 32.332 28.411 37 23 37H7C1.589 37 .311 32.332.009 30.128a1 1 0 0 1 1-1.128z"
/>
<rect width="16" height="40" x="7" fill="#3f5c6c" rx="2" />
<circle cx="15" cy="8" r="4" fill="#e64c3c" />
<circle cx="15" cy="20" r="4" fill="#f29c1f" />
<circle cx="15" cy="32" r="4" fill="#4fba6f" />
<g fill="#f9c795">
<path
d="M48 30a1 1 0 0 1-1-1V16.5a1 1 0 0 1 2 0V29a1 1 0 0 1-1 1zM43 30a1 1 0 0 1-1-1V15.5a1 1 0 0 1 2 0V29a1 1 0 0 1-1 1zM53 30a1 1 0 0 1-1-1v-7.5a1 1 0 0 1 2 0V29a1 1 0 0 1-1 1zM44 39a1 1 0 0 1-.833-.445c-1.754-2.631-5.376-3.576-5.412-3.585A1 1 0 0 1 37 34v-7a1 1 0 0 1 2 0v6.263a11.769 11.769 0 0 1 5.832 4.182A1 1 0 0 1 44 39z"
/>
</g>
<path
fill="#c03a2b"
d="M19 8a4 4 0 0 1-4 4 3.657 3.657 0 0 1-1-.13 4 4 0 0 0 0-7.74c.326-.09.662-.133 1-.13a4 4 0 0 1 4 4z"
/>
<path
fill="#e57e25"
d="M19 20a4 4 0 0 1-4 4 3.657 3.657 0 0 1-1-.13 4 4 0 0 0 0-7.74c.326-.09.662-.133 1-.13a4 4 0 0 1 4 4z"
/>
<path
fill="#24ae5f"
d="M19 32a4 4 0 0 1-4 4 3.657 3.657 0 0 1-1-.13 4 4 0 0 0 0-7.74c.326-.09.662-.133 1-.13a4 4 0 0 1 4 4z"
/>
</g>
</svg>
More icons in the same style and category