Traffic Light Icon

Free SVG icon from the IcoFont collection. Download or copy for use in any project.

Download SVG

Collection: IcoFont
Format: SVG, Font, PNG
License: CC BY 4.0 - Free for commercial use
Style: Thin
Tags: traffic light bulb lamp bright idea

The Traffic Light icon is available as a free SVG and is ready to drop into any web or app project.

img tag

<img src="https://proicons.com/icon/306702.svg" alt="Traffic Light icon" width="24" height="24">

React JSX

<img src="https://proicons.com/icon/306702.svg" alt="Traffic Light icon" width={24} height={24} />

Vue template

<img
  src="https://proicons.com/icon/306702.svg"
  alt="Traffic Light icon"
  :width="24"
  :height="24"
/>

CSS background

.icon-traffic-light {
  background-image: url('https://proicons.com/icon/306702.svg');
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
}

SVG markup

<svg width="64" height="64" viewBox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg"><path d="M670 669V550c0-9 2-15 7-22 30-37 59-75 88-113 2-3 4-6 8-11H670v-5-126c0-4 2-7 4-10 31-40 61-80 92-120 2-2 4-5 7-9H671V62H329v73H227c2 3 4 6 6 8 31 40 62 80 92 120 3 3 4 8 4 11v131H227c2 2 3 3 4 5 31 40 62 80 93 121 3 3 5 8 5 12 1 33 0 67 0 101v34H227c2 3 3 5 4 7 32 40 63 81 94 121 3 4 4 8 4 12v92h101v28h140v-28h99c1-3 1-6 1-8v-83c0-5 2-10 5-13 30-40 60-79 91-118 2-3 4-6 7-11H670v-8zM499 882c-58 0-105-48-105-106 0-59 47-106 106-106 58 0 106 48 106 105 0 59-48 107-107 107zm106-374c-3 59-53 104-110 100-61-4-106-53-101-113 4-60 56-103 115-98 55 5 100 55 96 111zM500 365c-77 0-139-62-138-137 0-76 62-138 137-138 76 0 138 62 138 138 1 76-61 137-137 137zm0-243c-63 0-107 53-107 107 0 58 47 108 108 107 57 0 103-47 105-104 2-60-46-110-106-110z"/></svg>