Add icons to this collection by clicking the heart icon.
Traffic Light icon - also known as business, light, buildings, stop, transportation, signaling, traffic light, road sign, stop signal, traffic lights, and seo and web. Created in a clean flat style with a white, silver, gray, red, yellow, green, teal, and orange 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="100"
height="100"
viewBox="0 0 512 512"
>
<path
d="M232.848 502.403 9.599 279.154c-12.767-12.767-12.767-33.54 0-46.307L232.848 9.598c12.794-12.794 33.511-12.8 46.306 0l223.248 223.25c12.766 12.769 12.766 33.541 0 46.307L279.153 502.403c-12.795 12.796-33.507 12.798-46.305 0z"
fill="#4a94cc"
/>
<path
d="M28.381 269.763c-7.588-7.589-7.588-19.935 0-27.524C170.287 100.332 150.144 120.719 268.423 2.44c-11.618-4.759-25.785-2.632-35.575 7.159L9.599 232.847c-12.767 12.767-12.767 33.54 0 46.307l223.249 223.249c6.184 6.184 14.407 9.589 23.152 9.589 4.334 0 8.537-.838 12.429-2.435-60.332-60.331-105.959-105.705-240.048-239.794z"
fill="#3588bc"
/>
<path
d="M477.28 251.63 260.684 35.033a6.18 6.18 0 0 0-8.74 0C20.48 266.495 33.535 252.209 33.535 256c0 3.788-13.115-10.553 218.408 220.968a6.18 6.18 0 0 0 8.74 0L477.28 260.37a6.177 6.177 0 0 0 0-8.74z"
fill="#e8e8e8"
/>
<path
d="M61.963 256c0-3.793-12.338 9.777 208.565-211.124l-9.844-9.843a6.18 6.18 0 0 0-8.74 0L35.345 251.63a6.182 6.182 0 0 0 0 8.741C266.809 491.835 252.522 478.78 256.314 478.78c3.313 0 3.805-1.244 14.215-11.654C49.65 246.248 61.963 259.791 61.963 256z"
fill="#c1c4c6"
/>
<path
d="M256 106.28c-33.285 0-60.267 26.982-60.267 60.268v181.799h.074c1.51 31.94 27.879 57.375 60.193 57.375 32.314 0 58.684-25.435 60.194-57.375h.073V166.548c.001-33.286-26.983-60.268-60.267-60.268z"
fill="#585a60"
/>
<path
d="M216.858 348.347h-.072V166.548c0-29.693 21.477-54.351 49.74-59.334-37.132-6.544-70.794 22.013-70.794 59.334v181.799h.074c1.698 35.92 34.575 62.815 70.719 56.441-27.338-4.819-48.325-28.051-49.667-56.441z"
fill="#414356"
/>
<circle cx="256.005" cy="166.311" r="33.084" fill="#ea473b" />
<circle cx="256.005" cy="256.005" r="33.084" fill="#f2d422" />
<circle cx="256.005" cy="345.689" r="33.084" fill="#3bbc56" />
<path
d="M266.302 134.878c-21.421-7.017-43.384 8.987-43.384 31.437 0 22.451 21.963 38.454 43.384 31.437-30.269-9.914-30.296-52.951 0-62.874z"
fill="#e03b36"
/>
<path
d="M266.302 224.564c-21.425-7.015-43.384 8.985-43.384 31.437 0 22.45 21.957 38.453 43.384 31.437-30.269-9.914-30.296-52.952 0-62.874z"
fill="#e5c213"
/>
<path
d="M266.302 314.249c-21.419-7.017-43.384 8.984-43.384 31.437 0 22.451 21.963 38.453 43.384 31.436-30.269-9.911-30.296-52.951 0-62.873z"
fill="#26b23d"
/>
</svg>
More icons in the same style and category