Horizontal Traffic Light

By Emoji One in Emoji One (Colored)

SVG

React

Vue

Base64

Copy
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 64 64">
  <path fill="#94989b" d="M2 32c0 8.2 6.8 15 15 15h30c8.3 0 15-6.8 15-15s-6.7-15-15-15H17C8.8 17 2 23.8 2 32z"/>
  <path fill="#3e4347" d="M3.9 32c0 7.2 5.9 13.1 13.1 13.1h30c7.2 0 13.1-5.9 13.1-13.1S54.2 18.9 47 18.9H17C9.8 18.9 3.9 24.8 3.9 32"/>
  <circle cx="32" cy="32" r="7.5" fill="#ffe62e"/>
  <circle cx="13.2" cy="32" r="7.5" fill="#ed4c5c"/>
  <circle cx="50.8" cy="32" r="7.5" fill="#83bf4f"/>
</svg>


Horizontal Traffic Light Icons examples

See what this icon looks like in some mockup designs
Horizontal Traffic LightHome

Related icons in Emoji One (Colored)

copy save
1st-place-medal
copy save
2nd-place-medal
copy save
3rd-place-medal
copy save
admission-tickets
copy save
american-football
copy save
artist-palette
copy save
badminton
copy save
balloon
copy save
baseball
copy save
basketball
copy save
bow-and-arrow
copy save
bowling
copy save
boxing-glove
copy save
carp-streamer
copy save
christmas-tree
copy save
circus-tent
copy save
clapper-board
copy save
confetti-ball
copy save
cricket-game
copy save
crystal-ball