Add icons to this collection by clicking the heart icon.
Traffic Lights icon - also known as education, light, buildings, transportation, traffic light, road sign, stop signal, stop light, traffic lights, and architecture and city. Created in a clean lineal color style with a white, silver, gray, yellow, and teal 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"
>
<path
fill="#4a80aa"
d="M78.255 292.664h102.793v100.729l-30.029-7.119a42.976 42.976 0 0 1-32.696-36.212 42.978 42.978 0 0 0-21.968-32.089L74.8 306.168a7.195 7.195 0 0 1 3.455-13.504z"
/>
<path
fill="#407093"
d="M126.429 292.664v77.403a42.943 42.943 0 0 0 24.59 16.207l30.029 7.119V292.664z"
/>
<path
fill="#4a80aa"
d="M78.255 177.871h102.793V278.6l-30.029-7.119a42.976 42.976 0 0 1-32.696-36.212 42.978 42.978 0 0 0-21.968-32.089L74.8 191.375a7.195 7.195 0 0 1 3.455-13.504z"
/>
<path
fill="#407093"
d="M126.429 177.871v77.403a42.943 42.943 0 0 0 24.59 16.207l30.029 7.119V177.871z"
/>
<path
fill="#4a80aa"
d="M78.255 63.078h102.793v100.729l-30.029-7.119a42.976 42.976 0 0 1-32.696-36.212 42.978 42.978 0 0 0-21.968-32.089L74.8 76.582a7.195 7.195 0 0 1 3.455-13.504z"
/>
<path
fill="#407093"
d="m151.019 156.688 30.029 7.119V63.078h-47.262c-4.742 11.775-7.357 24.635-7.357 38.107v39.296a42.95 42.95 0 0 0 24.59 16.207z"
/>
<path
fill="#365e7d"
d="M269.944 504.503h-27.887a8 8 0 0 1-8-8v-88.675h43.887v88.675a8 8 0 0 1-8 8z"
/>
<path
fill="#2b4d66"
d="M258.737 407.828v88.679a7.996 7.996 0 0 1-7.996 7.996h19.207a7.996 7.996 0 0 0 7.996-7.996v-88.679z"
/>
<path
fill="#4a80aa"
d="M433.745 63.078H330.952v100.729l30.029-7.119a42.976 42.976 0 0 0 32.696-36.212 42.978 42.978 0 0 1 21.968-32.089L437.2 76.582a7.195 7.195 0 0 0-3.455-13.504zM433.745 177.871H330.952V278.6l30.029-7.119a42.976 42.976 0 0 0 32.696-36.212 42.978 42.978 0 0 1 21.968-32.089l21.556-11.804a7.195 7.195 0 0 0-3.456-13.505zM433.745 292.664H330.952v100.729l30.029-7.119a42.976 42.976 0 0 0 32.696-36.212 42.978 42.978 0 0 1 21.968-32.089l21.556-11.804a7.195 7.195 0 0 0-3.456-13.505z"
/>
<path
fill="#407093"
d="M433.745 63.078h-28.256l-12.335 6.755a42.978 42.978 0 0 0-21.968 32.089 42.976 42.976 0 0 1-32.696 36.212l-7.539 1.787v23.886l30.028-7.119a42.978 42.978 0 0 0 32.696-36.212 42.978 42.978 0 0 1 21.968-32.089l21.556-11.804a7.195 7.195 0 0 0-3.454-13.505zM433.745 177.871h-28.256l-12.335 6.755a42.978 42.978 0 0 0-21.968 32.089 42.976 42.976 0 0 1-32.696 36.212l-7.539 1.787V278.6l30.028-7.119a42.976 42.976 0 0 0 32.696-36.212 42.978 42.978 0 0 1 21.968-32.089l21.556-11.804a7.193 7.193 0 0 0-3.454-13.505zM433.745 292.664h-28.256l-12.335 6.755a42.978 42.978 0 0 0-21.968 32.089 42.976 42.976 0 0 1-32.696 36.212l-7.539 1.787v23.886l30.028-7.119a42.978 42.978 0 0 0 32.696-36.212 42.978 42.978 0 0 1 21.968-32.089l21.556-11.805a7.195 7.195 0 0 0-3.454-13.504z"
/>
<path
fill="#e7ecf6"
d="M343.085 430.599h-174.17c-8.281 0-14.993-6.713-14.993-14.993V109.574C153.922 53.198 199.624 7.497 256 7.497c56.376 0 102.078 45.702 102.078 102.078v306.032c0 8.28-6.713 14.992-14.993 14.992z"
/>
<path
fill="#d8e2f1"
d="M271.235 8.629c28.58 18.091 47.559 49.982 47.559 86.309v281.385c0 8.28-6.713 14.993-14.993 14.993H153.922v24.29c0 8.281 6.713 14.993 14.993 14.993h174.169c8.28 0 14.993-6.713 14.993-14.993V109.574c.001-51.198-37.693-93.589-86.842-100.945z"
/>
<circle cx="253.574" cy="343.028" r="41.919" fill="#95d6a4" />
<circle cx="253.574" cy="228.97" r="41.919" fill="#f6e266" />
<circle cx="253.574" cy="113.442" r="41.919" fill="#dd636e" />
<path
fill="#78c2a4"
d="M268.651 303.915a41.801 41.801 0 0 1 2.805 15.077c0 23.151-18.768 41.919-41.919 41.919-5.317 0-10.397-1-15.077-2.805 6.056 15.699 21.279 26.842 39.113 26.842 23.151 0 41.919-18.768 41.919-41.919 0-17.835-11.142-33.058-26.841-39.114z"
/>
<path
fill="#f1d333"
d="M268.651 189.856a41.801 41.801 0 0 1 2.805 15.077c0 23.151-18.768 41.919-41.919 41.919-5.317 0-10.397-1-15.077-2.805 6.056 15.699 21.279 26.842 39.113 26.842 23.151 0 41.919-18.768 41.919-41.919 0-17.835-11.142-33.057-26.841-39.114z"
/>
<path
fill="#da4a54"
d="M268.651 74.329a41.801 41.801 0 0 1 2.805 15.077c0 23.151-18.768 41.919-41.919 41.919-5.317 0-10.397-1-15.077-2.805 6.056 15.699 21.279 26.842 39.113 26.842 23.151 0 41.919-18.768 41.919-41.919 0-17.835-11.142-33.058-26.841-39.114z"
/>
<path
d="M401.109 236.246c1.47-11.174 8.25-21.077 18.136-26.491l21.556-11.804a14.686 14.686 0 0 0 7.634-12.885c0-8.101-6.59-14.691-14.691-14.691h-68.17v-7.171c18.83-5.671 32.95-22.099 35.535-41.749 1.47-11.175 8.25-21.078 18.136-26.491l21.556-11.804a14.686 14.686 0 0 0 7.634-12.885c0-8.101-6.59-14.691-14.691-14.691h-82.426C332.46 22.418 296.801 0 256 0s-76.46 22.418-95.319 55.581H78.255c-8.101 0-14.691 6.59-14.691 14.691a14.686 14.686 0 0 0 7.634 12.885l21.556 11.804c9.886 5.414 16.666 15.317 18.136 26.492 2.585 19.65 16.705 36.077 35.535 41.749v7.172h-68.17c-8.101 0-14.691 6.59-14.691 14.691a14.686 14.686 0 0 0 7.634 12.885l21.556 11.804c9.886 5.414 16.666 15.317 18.136 26.492 2.585 19.651 16.705 36.078 35.535 41.749v7.172h-68.17c-8.101 0-14.691 6.59-14.691 14.691a14.686 14.686 0 0 0 7.634 12.885l21.556 11.804c9.886 5.414 16.666 15.318 18.136 26.492 2.585 19.651 16.705 36.077 35.535 41.749v22.818c0 12.401 10.089 22.49 22.49 22.49h57.644v58.411c0 8.543 6.95 15.493 15.493 15.493h27.896c8.543 0 15.493-6.95 15.493-15.493v-58.411h57.644c12.401 0 22.49-10.089 22.49-22.49v-22.818c18.83-5.671 32.95-22.098 35.535-41.749 1.47-11.174 8.25-21.077 18.136-26.491l21.556-11.804a14.686 14.686 0 0 0 7.634-12.885c0-8.1-6.59-14.691-14.691-14.691h-68.17v-7.172c18.829-5.672 32.949-22.099 35.534-41.75zm31.455-165.672-20.52 11.237c-14.063 7.701-23.708 21.789-25.799 37.686-1.614 12.265-9.631 22.726-20.67 27.713v-37.635c0-13.731-2.546-26.878-7.179-39h74.168zm-306.809 48.924c-2.091-15.897-11.736-29.985-25.799-37.687l-20.52-11.237h74.168a109.02 109.02 0 0 0-7.179 39v37.635c-11.039-4.986-19.056-15.447-20.67-27.711zm0 114.793c-2.091-15.897-11.735-29.985-25.799-37.687l-20.52-11.237h66.989v76.636c-11.039-4.986-19.056-15.447-20.67-27.712zm0 114.793c-2.091-15.897-11.735-29.985-25.799-37.687L79.437 300.16h66.988v76.636c-11.039-4.986-19.056-15.447-20.67-27.712zm144.693 147.423a.5.5 0 0 1-.5.5h-27.896a.5.5 0 0 1-.5-.5v-58.411h28.895v58.411zm80.133-80.901c0 4.134-3.363 7.497-7.497 7.497H168.915c-4.134 0-7.497-3.363-7.497-7.497V109.575c0-52.152 42.429-94.581 94.581-94.581s94.581 42.429 94.581 94.581v83.194a7.497 7.497 0 1 0 14.994 0v-7.402h66.989l-20.52 11.237c-14.064 7.702-23.708 21.79-25.799 37.686-1.614 12.265-9.631 22.726-20.67 27.713v-35.032a7.497 7.497 0 1 0-14.994 0v188.635zm81.982-115.446-20.519 11.237c-14.064 7.702-23.708 21.79-25.799 37.687-1.614 12.265-9.631 22.726-20.67 27.712V300.16z"
/>
<path
d="M253.573 293.613c-27.247 0-49.415 22.168-49.415 49.415 0 10.325 3.153 20.217 9.119 28.607a7.497 7.497 0 0 0 12.219-8.689c-4.15-5.838-6.345-12.725-6.345-19.918 0-18.98 15.441-34.422 34.422-34.422s34.423 15.442 34.423 34.422-15.442 34.422-34.423 34.422c-1.487 0-2.981-.095-4.44-.283-4.104-.534-7.864 2.371-8.393 6.478s2.372 7.864 6.478 8.392c2.093.269 4.231.406 6.356.406 27.248 0 49.416-22.168 49.416-49.415s-22.168-49.415-49.417-49.415zM253.573 179.554c-27.247 0-49.415 22.168-49.415 49.416 0 27.247 22.168 49.415 49.415 49.415 27.248 0 49.416-22.168 49.416-49.415.001-27.248-22.167-49.416-49.416-49.416zm0 83.838c-18.981 0-34.422-15.442-34.422-34.422 0-18.981 15.441-34.422 34.422-34.422s34.423 15.442 34.423 34.422-15.442 34.422-34.423 34.422zM291.872 94.789a7.496 7.496 0 0 0-5.172 9.255 34.502 34.502 0 0 1 1.297 9.398c0 18.98-15.442 34.422-34.423 34.422s-34.422-15.442-34.422-34.422 15.441-34.422 34.422-34.422c5.491 0 10.735 1.252 15.587 3.72a7.496 7.496 0 1 0 6.799-13.362c-6.879-3.501-14.62-5.352-22.386-5.352-27.247 0-49.415 22.168-49.415 49.415s22.168 49.415 49.415 49.415c27.248 0 49.416-22.168 49.416-49.415 0-4.575-.627-9.11-1.863-13.48a7.498 7.498 0 0 0-9.255-5.172z"
/>
</svg>
More icons in the same style and category