Add icons to this collection by clicking the heart icon.
Traffic Light icon - also known as signaling, traffic light, road sign, traffic sign, and stop light. Created in a clean lineal color style, 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 511.998 511.998"
>
<circle cx="125.2" cy="411.567" r="59.963" fill="#6fd7a3" />
<path
d="M118.054 471.105c-29.741-3.527-52.813-28.835-52.813-59.541 0-1.123.03-2.246.099-3.349"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M195.404 351.604c0 42.72-34.631 77.351-77.351 77.351-35.573 0-65.537-24.013-74.568-56.713-2.865-10.374 4.893-20.638 15.656-20.638h136.263z"
fill="#7a8c98"
/>
<path
d="M118.109 351.6h-26.24M56.869 351.76c-9.55 1.31-16.04 10.85-13.38 20.48 9.02 32.7 38.99 56.71 74.57 56.71"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<circle cx="125.2" cy="255.889" r="59.963" fill="#ffd15b" />
<path
d="M118.054 315.428c-29.741-3.527-52.813-28.835-52.813-59.541 0-1.123.03-2.246.099-3.349"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M195.404 195.926c0 42.72-34.631 77.351-77.351 77.351-35.573 0-65.537-24.013-74.568-56.713-2.865-10.374 4.893-20.638 15.656-20.638h136.263z"
fill="#7a8c98"
/>
<path
d="M118.054 273.274c-35.578 0-65.541-24.011-74.57-56.715-2.864-10.374 4.894-20.638 15.656-20.638h58.973"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<circle cx="125.2" cy="100.207" r="59.963" fill="#fd4755" />
<path
d="M118.054 159.746c-29.741-3.527-52.813-28.835-52.813-59.541 0-1.123.03-2.246.099-3.349"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M195.404 40.244c0 42.72-34.631 77.351-77.351 77.351-35.573 0-65.537-24.013-74.568-56.713-2.865-10.374 4.893-20.638 15.655-20.638h136.264z"
fill="#7a8c98"
/>
<path
d="M118.054 117.592c-35.578 0-65.541-24.011-74.57-56.715C40.62 50.504 48.378 40.24 59.14 40.24h58.973"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<circle cx="386.798" cy="411.563" r="59.963" fill="#9be69d" />
<path
d="M446.658 408.211c.069 1.103.099 2.226.099 3.349 0 30.706-23.072 56.014-52.813 59.541"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M316.594 351.599c0 42.72 34.631 77.351 77.351 77.351 35.573 0 65.537-24.013 74.568-56.713 2.865-10.374-4.893-20.638-15.656-20.638H316.594z"
fill="#7a8c98"
/>
<path
d="M393.885 351.595h58.973c10.762 0 18.52 10.264 15.656 20.638-9.029 32.704-38.992 56.715-74.569 56.715"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<circle cx="386.798" cy="255.885" r="59.963" fill="#ffe177" />
<path
d="M446.658 252.533c.069 1.103.099 2.226.099 3.349 0 30.706-23.072 56.014-52.813 59.541"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M316.594 195.922c0 42.72 34.631 77.351 77.351 77.351 35.573 0 65.537-24.013 74.568-56.713 2.865-10.374-4.893-20.638-15.656-20.638H316.594z"
fill="#7a8c98"
/>
<path
d="M393.885 195.918h58.973c10.762 0 18.52 10.264 15.656 20.638-9.029 32.704-38.992 56.715-74.57 56.715"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<circle cx="386.798" cy="100.203" r="59.963" fill="#fe646f" />
<path
d="M446.658 96.851c.069 1.103.099 2.226.099 3.349 0 30.706-23.072 56.014-52.813 59.541M393.914 40.659h-.01"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M316.594 40.24c0 42.72 34.631 77.351 77.351 77.351 35.573 0 65.537-24.013 74.568-56.713 2.865-10.374-4.893-20.638-15.656-20.638H316.594z"
fill="#7a8c98"
/>
<path
d="M393.885 40.236h58.973c10.762 0 18.52 10.264 15.656 20.638-9.029 32.704-38.992 56.715-74.57 56.715"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M359.335 504.498H152.723c-19.115 0-34.61-15.495-34.61-34.61V42.11c0-19.115 15.495-34.61 34.61-34.61h206.613c19.115 0 34.61 15.495 34.61 34.61v427.778c-.001 19.114-15.496 34.61-34.611 34.61z"
fill="#8d9ca8"
/>
<path
d="M177.979 504.5H152.72c-19.112 0-34.608-15.496-34.608-34.608V42.11c0-19.112 15.496-34.608 34.608-34.608h25.259c-19.121 0-34.617 15.496-34.617 34.608v427.782c0 19.112 15.496 34.608 34.617 34.608z"
fill="#7a8c98"
/>
<path
d="M358.669 7.5h.667c19.115 0 34.61 15.495 34.61 34.61v427.778c0 19.115-15.495 34.61-34.61 34.61H152.723c-19.115 0-34.61-15.495-34.61-34.61V42.11c0-19.115 15.495-34.61 34.61-34.61h165.946"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<circle cx="251.205" cy="100.321" r="60.081" fill="#fe646f" />
<path
d="M266.21 158.513a60.286 60.286 0 0 1-15.004 1.891c-33.189 0-60.083-26.894-60.083-60.083 0-33.179 26.894-60.083 60.083-60.083 5.182 0 10.206.66 15.004 1.891-25.919 6.669-45.07 30.194-45.07 58.192.001 28.007 19.151 51.522 45.07 58.192z"
fill="#fd4755"
/>
<path
d="M192.928 114.978c6.541 26.106 30.155 45.424 58.28 45.424s51.729-19.318 58.27-45.424"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M311.286 115.098c-8.161 0-14.777-6.616-14.777-14.777 0-24.981-20.324-45.304-45.304-45.304s-45.304 20.323-45.304 45.304c0 8.161-6.616 14.777-14.777 14.777s-14.777-6.616-14.777-14.777c0-41.277 33.581-74.858 74.858-74.858s74.858 33.581 74.858 74.858c0 8.161-6.616 14.777-14.777 14.777z"
fill="#7a8c98"
/>
<path
d="M311.286 115.098c-8.161 0-14.777-6.616-14.777-14.777 0-24.981-20.324-45.304-45.304-45.304s-45.304 20.323-45.304 45.304c0 8.161-6.616 14.777-14.777 14.777s-14.777-6.616-14.777-14.777c0-41.277 33.581-74.858 74.858-74.858s74.858 33.581 74.858 74.858c0 8.161-6.616 14.777-14.777 14.777z"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<circle cx="251.205" cy="255.999" r="60.081" fill="#ffe177" />
<path
d="M266.21 314.19a60.286 60.286 0 0 1-15.004 1.891c-33.189 0-60.083-26.894-60.083-60.083 0-33.179 26.894-60.083 60.083-60.083 5.182 0 10.206.66 15.004 1.891-25.919 6.669-45.07 30.194-45.07 58.192.001 28.008 19.151 51.523 45.07 58.192z"
fill="#ffd15b"
/>
<path
d="M192.928 270.655c6.541 26.106 30.155 45.424 58.28 45.424s51.729-19.318 58.27-45.424"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M311.286 270.776c-8.161 0-14.777-6.616-14.777-14.777 0-24.981-20.324-45.304-45.304-45.304s-45.304 20.323-45.304 45.304c0 8.161-6.616 14.777-14.777 14.777s-14.777-6.616-14.777-14.777c0-41.277 33.581-74.858 74.858-74.858s74.858 33.581 74.858 74.858c0 8.161-6.616 14.777-14.777 14.777z"
fill="#7a8c98"
/>
<path
d="M314.529 216.13a74.379 74.379 0 0 1 11.53 39.87c0 8.16-6.61 14.78-14.77 14.78s-14.78-6.62-14.78-14.78c0-24.98-20.32-45.31-45.3-45.31s-45.31 20.33-45.31 45.31c0 8.16-6.61 14.78-14.77 14.78-8.17 0-14.78-6.62-14.78-14.78 0-41.28 33.58-74.86 74.86-74.86 14.04 0 27.2 3.89 38.44 10.65"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<circle cx="251.201" cy="411.677" r="60.081" fill="#9be69d" />
<path
d="M266.206 469.869a60.284 60.284 0 0 1-15.003 1.891c-33.189 0-60.083-26.894-60.083-60.083 0-33.179 26.894-60.083 60.083-60.083 5.182 0 10.206.66 15.003 1.891-25.919 6.669-45.07 30.194-45.07 58.192.001 28.007 19.152 51.522 45.07 58.192z"
fill="#6fd7a3"
/>
<path
d="M192.925 426.333c6.541 26.106 30.155 45.424 58.28 45.424s51.729-19.318 58.27-45.424"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M311.282 426.454c-8.161 0-14.777-6.616-14.777-14.777 0-24.981-20.324-45.304-45.304-45.304s-45.304 20.323-45.304 45.304c0 8.161-6.616 14.777-14.777 14.777s-14.777-6.616-14.777-14.777c0-41.277 33.581-74.858 74.858-74.858s74.858 33.581 74.858 74.858c0 8.161-6.616 14.777-14.777 14.777z"
fill="#7a8c98"
/>
<path
d="M311.282 426.454c-8.161 0-14.777-6.616-14.777-14.777 0-24.981-20.324-45.304-45.304-45.304s-45.304 20.323-45.304 45.304c0 8.161-6.616 14.777-14.777 14.777s-14.777-6.616-14.777-14.777c0-41.277 33.581-74.858 74.858-74.858s74.858 33.581 74.858 74.858c0 8.161-6.616 14.777-14.777 14.777z"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
</svg>
More icons in the same style and category