Add icons to this collection by clicking the heart icon.
Traffic Lights icon - also known as signal, urban, town, traffic lights, and architecture and city. Created in a clean linear colour 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 512 512"
>
<path
fill="#636384"
d="M399.43 485.3a22.128 22.128 0 0 0-15.7-6.5H128.27a22.2 22.2 0 0 0-22.2 22.2h299.86a22.17 22.17 0 0 0-6.5-15.7z"
/>
<path
fill="#4a5160"
d="M217.02 11h-42.04a14.606 14.606 0 0 0-14.61 14.41v122.12a14.609 14.609 0 0 0 14.61 14.61h42.04a14.609 14.609 0 0 0 14.61-14.61V25.41A14.606 14.606 0 0 0 217.02 11z"
/>
<path fill="#b0b5ca" d="M207.67 162.48v190.36h-23.34V162.14h23.34z" />
<path
fill="#4ca987"
d="M351.99 442.8c16.04-16.95 38.45-18.62 38.45-18.62-5.85 5.42-14.93 13.1-20.06 20.85-7.25 10.93-10.39 23.06-11.5 33.75v.02h-22.36v-.13c1.67-16.36 7.85-27.83 15.47-35.87z"
/>
<path
fill="#8dc63f"
d="M336.28 420.31c17.52-24.57 41.67-33.37 42.26-33.57-17.32 24.34-22.27 38.14-26.55 56.06-7.62 8.04-13.8 19.51-15.47 35.87v.13h-18.15v-.37a106.39 106.39 0 0 1 6.1-35.58 92.967 92.967 0 0 1 11.81-22.54z"
/>
<path
fill="#5fcda4"
d="M329.05 353.37c5.41 18.71 7.96 62.02 7.23 66.94a92.967 92.967 0 0 0-11.81 22.54 94.713 94.713 0 0 0-11.12-22.71c-3.84-26.51 7.55-54.38 15.7-66.77z"
/>
<path
fill="#4ca987"
d="M313.35 420.14a94.713 94.713 0 0 1 11.12 22.71 106.39 106.39 0 0 0-6.1 35.58v.37h-4.32v-.34c-1-20.53-8.83-33.72-18.49-42.19-4.29-17.91-9.28-29.1-26.6-53.44 0 0 26.43 10.34 44.39 37.31z"
/>
<path
fill="#5fcda4"
d="M295.56 436.27c9.66 8.47 17.49 21.66 18.49 42.19v.34h-24.44v-.31c-2.37-13.32-9.29-28.34-14.74-36.57-5.14-7.75-14.2-15.41-20.05-20.84.42 0 23.49.07 40.74 15.19z"
/>
<path
fill="#c79a83"
d="M222.81 478.78v.02h-53.62V367.9a15.063 15.063 0 0 1 15.06-15.06h23.5a15.063 15.063 0 0 1 15.06 15.06z"
/>
<g fill="#6d7486">
<path
d="m266.17 25.41-34.54 30.23V25.41zM266.17 70.75l-34.54 30.23V70.75zM266.17 116.09l-34.54 30.23v-30.23zM160.37 25.41v30.23l-34.54-30.23zM160.37 116.09v30.23l-34.54-30.23zM160.37 70.75v30.23l-34.54-30.23z"
/>
</g>
<path
fill="#4e4e66"
d="M156.27 479h-28a22.031 22.031 0 0 0-22.2 22h28a22.031 22.031 0 0 1 22.2-22z"
/>
<path
fill="#3d424c"
d="M188 147.53V25.41c0-7.97 6.97-14.41 14.98-14.41h-28C166.97 11 160 17.44 160 25.41v122.12c0 8.07 6.91 14.47 14.98 14.47h28c-8.07 0-14.98-6.4-14.98-14.47z"
/>
<path
fill="#a37d6c"
d="M197 367.9a15.056 15.056 0 0 1 12.905-14.794 13.951 13.951 0 0 0-2.155-.106h-23.5A15.091 15.091 0 0 0 169 367.9V479h28z"
/>
<path
fill="#f2cf7d"
d="M196 28.44a13.445 13.445 0 1 1-13.45 13.44A13.446 13.446 0 0 1 196 28.44z"
/>
<circle cx="196" cy="86.57" r="13.45" fill="#5fa8ed" />
<circle cx="196" cy="132.33" r="13.45" fill="#e75163" />
<g fill="#284268">
<path
d="M383.733 472.8h-17.91a65.49 65.49 0 0 1 9.555-24.457c3.929-5.927 10.717-12.093 16.171-17.048a430.83 430.83 0 0 0 2.966-2.711 6 6 0 0 0-4.523-10.385 72.23 72.23 0 0 0-27.114 8.713c3.975-10.844 9.789-21.562 20.563-36.7a6 6 0 0 0-6.895-9.133c-.657.233-16.271 5.881-31.983 20.682q-1.308 1.233-2.644 2.585c-.3-4.814-.662-9.3-.866-11.655-.891-10.332-2.886-29.4-6.242-40.987a6 6 0 0 0-10.779-1.625c-6.01 9.15-15.528 29.58-17.19 52.3a109.28 109.28 0 0 0-35.7-25.136 6 6 0 0 0-7.075 9.067c11.488 16.142 17.283 26.105 21.085 36.077a77.186 77.186 0 0 0-30.339-7.31h-.025a6 6 0 0 0-4.06 10.4c.921.854 1.921 1.763 2.973 2.718 5.452 4.953 12.237 11.117 16.164 17.04A106.548 106.548 0 0 1 282.14 472.8h-53.33V367.9a21.062 21.062 0 0 0-15.136-20.2V168.139h3.347a20.619 20.619 0 0 0 20.525-19.026l32.576-28.5a6 6 0 0 0-3.951-10.515h-28.545V103.7l32.5-28.434a6 6 0 0 0-3.951-10.516h-28.549v-6.39l32.5-28.434a6 6 0 0 0-3.951-10.515h-29.5A20.639 20.639 0 0 0 217.021 5h-42.042a20.638 20.638 0 0 0-19.649 14.411h-29.5a6 6 0 0 0-3.951 10.515l32.5 28.435v6.391h-28.55a6 6 0 0 0-3.951 10.516l32.5 28.435v6.391h-28.549a6 6 0 0 0-3.951 10.515l32.577 28.505a20.618 20.618 0 0 0 20.524 19.025h3.347V347.7a21.062 21.062 0 0 0-15.136 20.2v21.943a6 6 0 0 0 12 0V367.9a9.063 9.063 0 0 1 9.063-9.062h23.494a9.063 9.063 0 0 1 9.063 9.062v104.9h-41.62v-40.953a6 6 0 0 0-12 0V472.8h-34.923a28.235 28.235 0 0 0-28.2 28.2 6 6 0 0 0 6 6h299.87a6 6 0 0 0 6-6 28.235 28.235 0 0 0-28.204-28.2zM237.626 31.411H250.2l-12.576 11zm0 45.341H250.2l-12.576 11zm0 45.342H250.2l-12.576 11zm-83.251 11-12.577-11h12.577zm0-45.342-12.575-11h12.577zm0-45.342-12.577-11h12.577zm47.3 304.427h-11.349v-178.7h11.348zm-26.695-190.7a8.615 8.615 0 0 1-8.6-8.605V25.605a8.614 8.614 0 0 1 8.6-8.6h42.042a8.615 8.615 0 0 1 8.605 8.605v121.924a8.615 8.615 0 0 1-8.605 8.605zM368.571 437.4a56.603 56.603 0 0 0-3.2 4.314 78.094 78.094 0 0 0-11.752 31.086h-10.156c3.779-18.959 14.693-29.532 25.108-35.4zm-16.136-26.564a94.662 94.662 0 0 1 7.779-6.637c-7.069 12.68-10.633 23.2-13.7 35.721-6.893 7.7-12.8 18.331-15.242 32.882h-6.712c1.411-24.851 10.764-45.68 27.875-61.97zm-25.882-39.456c2.677 18.107 4.022 40.779 3.86 46.911a100.043 100.043 0 0 0-5.721 9.433 101.559 101.559 0 0 0-5.558-9.769c-2.018-16.299 2.121-33.555 7.419-46.575zm-8.426 71.551a105.577 105.577 0 0 0-3.063 11.026 57.356 57.356 0 0 0-14.11-20.867 114.141 114.141 0 0 0-12.234-31 93.526 93.526 0 0 1 29.407 40.841zm-38.256-4.324a65.053 65.053 0 0 0-6.463-8.064 60.258 60.258 0 0 1 7.309 3.024c15.466 7.65 24.444 20.844 26.8 39.231h-12.984a117.947 117.947 0 0 0-14.662-34.191zM113.217 495a16.227 16.227 0 0 1 15.05-10.2h255.466a16.227 16.227 0 0 1 15.05 10.2z"
/>
<path
d="M196 67.123a19.447 19.447 0 1 0 19.446 19.446A19.467 19.467 0 0 0 196 67.123zm0 26.893a7.447 7.447 0 1 1 7.446-7.447A7.456 7.456 0 0 1 196 94.016zM196 22.436a19.447 19.447 0 1 0 19.446 19.447A19.468 19.468 0 0 0 196 22.436zm0 26.894a7.447 7.447 0 1 1 7.446-7.447A7.456 7.456 0 0 1 196 49.33zM196 112.884a19.447 19.447 0 1 0 19.446 19.447A19.468 19.468 0 0 0 196 112.884zm0 26.894a7.447 7.447 0 1 1 7.446-7.447 7.456 7.456 0 0 1-7.446 7.447z"
/>
<ellipse cx="225.369" cy="184.164" rx="6.56" ry="6.81" />
<path d="M219.929 207.276v94.8a6 6 0 0 0 12 0v-94.8a6 6 0 0 0-12 0z" />
</g>
</svg>
More icons in the same style and category