Traffic Light icon
Shows a traffic signal with stop, caution and go lights.
24px × 4
1.75
Use it in your project
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round">
<path d="M10.5 2.5h3a3 3 0 0 1 3 3v13a3 3 0 0 1-3 3h-3a3 3 0 0 1-3-3v-13a3 3 0 0 1 3-3"/>
<circle cx="12" cy="7" r="1.5" fill="currentColor" stroke="none"/>
<circle cx="12" cy="12" r="1.5" fill="currentColor" stroke="none"/>
<circle cx="12" cy="17" r="1.5" fill="currentColor" stroke="none"/>
</svg>Icon details
- Name
- traffic-light
- Component
- TrafficLightIcon
- Category
- Maps & Navigation
- Variants
- Outline, Filled
- Added in
- v0.2.0
- Files
- @ikions/icons/outline/traffic-light.svg
@ikions/icons/filled/traffic-light.svg
Related icons
- intersectionIntersection icon
- gpsGPS icon
- highwayHighway icon
- roundaboutRoundabout icon
- access-pointAccess Point icon
- activityActivity icon
- antennaAntenna icon
- arrow-fork-leftArrow Fork Left icon
- arrow-fork-rightArrow Fork Right icon
- arrow-merge-leftArrow Merge Left icon
- arrow-merge-rightArrow Merge Right icon
- arrow-waveArrow Wave icon