Add icons to this collection by clicking the heart icon.
Traffic Signal icon - also known as wifi, traffic signal, transportation, traffic light, smart, and smart city. Created in a clean flat style with a silver, gray, yellow, olive, teal, navy, orange, and pink 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="512"
height="512"
viewBox="0 0 512 512"
>
<circle cx="377" cy="215.999" r="15" fill="#a4f4ee" />
<path
fill="#a4f4ee"
d="M419.426 273.426a14.95 14.95 0 0 1-10.606-4.394c-5.858-5.857-5.858-15.355 0-21.213 17.545-17.546 17.545-46.095 0-63.641-5.858-5.857-5.858-15.355 0-21.213 5.857-5.857 15.355-5.857 21.213 0 29.243 29.242 29.243 76.824 0 106.066a14.951 14.951 0 0 1-10.607 4.395z"
/>
<path
fill="#a4f4ee"
d="M461.853 315.852a14.948 14.948 0 0 1-10.606-4.394c-5.858-5.857-5.858-15.355 0-21.213C471.078 270.413 482 244.046 482 215.999s-10.922-54.414-30.753-74.246c-5.858-5.857-5.858-15.355 0-21.213 5.857-5.857 15.355-5.857 21.213 0 25.498 25.498 39.54 59.4 39.54 95.459s-14.042 69.961-39.541 95.459a14.952 14.952 0 0 1-10.606 4.394z"
/>
<path
fill="#6ad9e5"
d="M362 215.999c0 8.284 6.716 15 15 15s15-6.716 15-15zM408.82 247.819c-5.858 5.857-5.858 15.355 0 21.213 2.929 2.929 6.768 4.394 10.606 4.394s7.678-1.465 10.606-4.394c14.621-14.621 21.932-33.827 21.932-53.033h-29.986c.001 11.524-4.385 23.048-13.158 31.82zM451.247 290.245c-5.858 5.857-5.858 15.355 0 21.213a14.948 14.948 0 0 0 10.606 4.394c3.838 0 7.678-1.465 10.606-4.394C497.958 285.96 512 252.059 512 215.999h-30c0 28.047-10.922 54.414-30.753 74.246z"
/>
<path
fill="#304187"
d="M195 512h-60c-8.284 0-15-6.716-15-15v-82c0-8.284 6.716-15 15-15h60c8.284 0 15 6.716 15 15v82c0 8.284-6.716 15-15 15z"
/>
<path
fill="#0a1f63"
d="M195 512c8.284 0 15-6.716 15-15v-82c0-8.284-6.716-15-15-15h-30v112zM255.001 140A15 15 0 0 1 240 125V65c0-8.284 6.716-15 15-15h60c8.284 0 15 6.716 15 15 0 28.039-16.821 52.884-42.854 63.297l-26.575 10.63a14.992 14.992 0 0 1-5.57 1.073zM255.001 380A15 15 0 0 1 240 365v-60c0-8.284 6.716-15 15-15h60c8.284 0 15 6.716 15 15 0 28.039-16.821 52.884-42.854 63.297l-26.575 10.63a14.992 14.992 0 0 1-5.57 1.073zM255.001 260A15 15 0 0 1 240 245v-60c0-8.284 6.716-15 15-15h60c8.284 0 15 6.716 15 15 0 28.039-16.821 52.884-42.854 63.297l-26.575 10.63a14.992 14.992 0 0 1-5.57 1.073z"
/>
<path
fill="#304187"
d="M74.999 140c-1.882 0-3.772-.354-5.57-1.073l-26.575-10.63C16.821 117.884 0 93.039 0 65c0-8.284 6.716-15 15-15h60c8.284 0 15 6.716 15 15v60a15 15 0 0 1-15.001 15zM74.999 380c-1.882 0-3.772-.354-5.57-1.073l-26.575-10.63C16.821 357.884 0 333.039 0 305c0-8.284 6.716-15 15-15h60c8.284 0 15 6.716 15 15v60a15 15 0 0 1-15.001 15zM74.999 260c-1.882 0-3.772-.354-5.57-1.073l-26.575-10.63C16.821 237.884 0 213.039 0 185c0-8.284 6.716-15 15-15h60c8.284 0 15 6.716 15 15v60a15 15 0 0 1-15.001 15z"
/>
<path
fill="#5f75b2"
d="M235 430H95c-19.299 0-35-15.701-35-35V35C60 15.701 75.701 0 95 0h140c19.299 0 35 15.701 35 35v360c0 19.299-15.701 35-35 35z"
/>
<path
fill="#304187"
d="M235 0h-70v430h70c19.299 0 35-15.701 35-35V35c0-19.299-15.701-35-35-35z"
/>
<path
fill="#ffe470"
d="M165 260c-24.813 0-45-20.187-45-45s20.187-45 45-45 45 20.187 45 45-20.187 45-45 45z"
/>
<path
fill="#ffaa50"
d="M165 140c-24.813 0-45-20.187-45-45s20.187-45 45-45 45 20.187 45 45-20.187 45-45 45z"
/>
<path
fill="#c3ef21"
d="M165 380c-24.813 0-45-20.187-45-45s20.187-45 45-45 45 20.187 45 45-20.187 45-45 45z"
/>
<path
fill="#ffc473"
d="M210 215c0-24.813-20.187-45-45-45v90c24.813 0 45-20.187 45-45z"
/>
<path
fill="#ff823c"
d="M210 95c0-24.813-20.187-45-45-45v90c24.813 0 45-20.187 45-45z"
/>
<path
fill="#96dc00"
d="M210 335c0-24.813-20.187-45-45-45v90c24.813 0 45-20.187 45-45z"
/>
</svg>
More icons in the same style and category