Add icons to this collection by clicking the heart icon.
Traffic Lights icon - also known as transportation, signaling, traffic light, road sign, stop signal, traffic lights, and architecture and city. Created in a clean flat style with a white, silver, gray, olive, teal, magenta, 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"
>
<path
fill="#7a8d98"
d="M285.946 455.275h-59.891a6.969 6.969 0 0 1-6.969-6.969v-49.993c0-15.396 12.481-27.877 27.877-27.877h18.076c15.396 0 27.877 12.481 27.877 27.877v49.993a6.971 6.971 0 0 1-6.97 6.969z"
/>
<path
fill="#596d76"
d="M292.92 398.312v28.248c-10.801 6.47-23.431 10.191-36.92 10.191s-26.119-3.721-36.92-10.191v-28.248c0-15.39 12.486-27.876 27.886-27.876h18.067c15.401 0 27.887 12.486 27.887 27.876z"
/>
<path
fill="#596d76"
d="M292.909 398.315v49.996a6.962 6.962 0 0 1-6.969 6.969h-32.518a6.971 6.971 0 0 0 6.969-6.969v-49.996c0-12.893-8.753-23.751-20.643-26.929 2.3-.613 4.725-.948 7.22-.948h18.064c15.402 0 27.877 12.475 27.877 27.877z"
/>
<path
fill="#d9e7eb"
d="M309.275 189.599h-106.55c-19.669 0-35.614-15.945-35.614-35.614V102.85c0-19.669 15.945-35.614 35.614-35.614h106.55c19.669 0 35.614 15.945 35.614 35.614v51.135c0 19.669-15.945 35.614-35.614 35.614z"
/>
<path
fill="#b7c4ce"
d="M344.888 102.852v51.131c0 19.669-15.948 35.617-35.617 35.617h-30.315c19.669 0 35.617-15.948 35.617-35.617v-51.131c0-19.669-15.948-35.617-35.617-35.617h30.315c19.669 0 35.617 15.948 35.617 35.617z"
/>
<path
fill="#b7c4ce"
d="M325.86 71.328c-7.959 31.152-36.268 54.253-69.86 54.253s-61.901-23.101-69.86-54.253a35.407 35.407 0 0 1 16.589-4.093h106.542a35.407 35.407 0 0 1 16.589 4.093z"
/>
<path
fill="#d9e7eb"
d="M309.275 350.905h-106.55c-19.669 0-35.614-15.945-35.614-35.614v-51.135c0-19.669 15.945-35.614 35.614-35.614h106.55c19.669 0 35.614 15.945 35.614 35.614v51.135c0 19.669-15.945 35.614-35.614 35.614z"
/>
<path
fill="#b7c4ce"
d="M344.888 264.153v51.142c0 19.669-15.948 35.607-35.617 35.607h-30.315c19.669 0 35.617-15.938 35.617-35.607v-51.142c0-19.669-15.948-35.607-35.617-35.607h30.315c19.669 0 35.617 15.938 35.617 35.607z"
/>
<path
fill="#b7c4ce"
d="M324.382 231.905c-9.561 28.599-36.61 49.261-68.382 49.261s-58.821-20.661-68.382-49.261a35.364 35.364 0 0 1 15.111-3.359h106.542a35.364 35.364 0 0 1 15.111 3.359z"
/>
<circle cx="256" cy="53.487" r="53.487" fill="#27d1b3" />
<path
fill="#20b69f"
d="M309.488 53.488c0 29.54-23.948 53.488-53.488 53.488a53.43 53.43 0 0 1-14.294-1.933c22.594-6.253 39.183-26.966 39.183-51.555S264.3 8.186 241.706 1.933A53.43 53.43 0 0 1 256 0c29.54 0 53.488 23.948 53.488 53.488z"
/>
<circle cx="256" cy="209.071" r="53.487" fill="#bcea73" />
<path
fill="#99d53b"
d="M309.488 209.073c0 29.54-23.948 53.488-53.488 53.488a53.43 53.43 0 0 1-14.294-1.933c22.594-6.253 39.183-26.966 39.183-51.555s-16.589-45.302-39.183-51.555A53.441 53.441 0 0 1 256 155.585c29.54 0 53.488 23.948 53.488 53.488z"
/>
<circle cx="256" cy="364.654" r="53.487" fill="#fb54b6" />
<path
fill="#fb33a8"
d="M309.488 364.658c0 29.54-23.948 53.478-53.488 53.478a53.43 53.43 0 0 1-14.294-1.933c22.594-6.253 39.183-26.956 39.183-51.545s-16.589-45.302-39.183-51.555A53.441 53.441 0 0 1 256 311.17c29.54.001 53.488 23.949 53.488 53.488z"
/>
<path
fill="#bcea73"
d="M255.979 512h-.023a7.61 7.61 0 0 1-7.589-7.634l.038-12.846a7.611 7.611 0 0 1 7.611-7.589h.023a7.61 7.61 0 0 1 7.589 7.634l-.038 12.846a7.611 7.611 0 0 1-7.611 7.589zM293.083 504.826a7.609 7.609 0 0 1-6.613-3.832l-6.378-11.144a7.612 7.612 0 0 1 13.212-7.562l6.378 11.144a7.612 7.612 0 0 1-6.599 11.394zM218.917 504.61a7.612 7.612 0 0 1-6.577-11.432l6.442-11.107a7.612 7.612 0 0 1 13.168 7.638l-6.442 11.107a7.61 7.61 0 0 1-6.591 3.794z"
/>
<g fill="#b7c4ce">
<path
d="M190.602 106.916h-23.494v15.223h23.494a6.293 6.293 0 0 1 6.282 6.282 6.286 6.286 0 0 1-6.282 6.282h-23.494v15.223h23.494c11.854 0 21.505-9.641 21.505-21.505 0-11.853-9.651-21.505-21.505-21.505zM321.398 122.139h23.494v-15.223h-23.494c-11.854 0-21.505 9.651-21.505 21.505 0 11.864 9.651 21.505 21.505 21.505h23.494v-15.223h-23.494a6.286 6.286 0 0 1-6.282-6.282 6.293 6.293 0 0 1 6.282-6.282zM190.602 268.219h-23.494v15.223h23.494c3.461 0 6.282 2.821 6.282 6.282s-2.821 6.282-6.282 6.282h-23.494v15.223h23.494c11.854 0 21.505-9.651 21.505-21.505s-9.651-21.505-21.505-21.505zM321.398 283.442h23.494v-15.223h-23.494c-11.854 0-21.505 9.651-21.505 21.505s9.651 21.505 21.505 21.505h23.494v-15.223h-23.494c-3.461 0-6.282-2.821-6.282-6.282s2.821-6.282 6.282-6.282z"
/>
</g>
<path
fill="#64e0c4"
d="M378.222 26.492h-.037a7.611 7.611 0 0 1-7.575-7.648l.013-2.807a7.612 7.612 0 0 1 7.611-7.575h.037a7.611 7.611 0 0 1 7.575 7.648l-.013 2.807a7.612 7.612 0 0 1-7.611 7.575zM378.134 61.269h-.037a7.611 7.611 0 0 1-7.575-7.648l.013-2.807c.019-4.204 3.463-7.589 7.648-7.575a7.611 7.611 0 0 1 7.575 7.648l-.013 2.807a7.613 7.613 0 0 1-7.611 7.575zM397.009 42.528h-.037l-2.813-.013a7.611 7.611 0 0 1 .036-15.223h.037l2.813.013a7.611 7.611 0 0 1-.036 15.223zM362.173 42.44h-.037l-2.813-.013a7.611 7.611 0 0 1 .036-15.223h.037l2.813.013a7.611 7.611 0 0 1-.036 15.223z"
/>
<path
fill="#bcea73"
d="M378.222 200.697h-.037a7.611 7.611 0 0 1-7.575-7.648l.013-2.807a7.612 7.612 0 0 1 7.611-7.575h.037a7.611 7.611 0 0 1 7.575 7.648l-.013 2.807a7.612 7.612 0 0 1-7.611 7.575zM378.134 235.474h-.037a7.611 7.611 0 0 1-7.575-7.648l.013-2.807a7.612 7.612 0 0 1 7.611-7.575h.037a7.611 7.611 0 0 1 7.575 7.648l-.013 2.807a7.613 7.613 0 0 1-7.611 7.575zM397.009 216.733h-.037l-2.813-.013a7.611 7.611 0 0 1 .036-15.223h.037l2.813.013a7.611 7.611 0 0 1-.036 15.223zM362.173 216.645h-.037l-2.813-.013a7.611 7.611 0 0 1 .036-15.223h.037l2.813.013a7.611 7.611 0 0 1-.036 15.223z"
/>
<path
fill="#ffcfec"
d="M378.222 374.902h-.037a7.611 7.611 0 0 1-7.575-7.648l.013-2.807a7.612 7.612 0 0 1 7.611-7.575h.037a7.611 7.611 0 0 1 7.575 7.648l-.013 2.807a7.612 7.612 0 0 1-7.611 7.575zM378.134 409.679h-.037a7.611 7.611 0 0 1-7.575-7.648l.013-2.807c.019-4.204 3.463-7.623 7.648-7.575a7.611 7.611 0 0 1 7.575 7.648l-.013 2.807a7.613 7.613 0 0 1-7.611 7.575zM397.009 390.938h-.037l-2.813-.013a7.611 7.611 0 0 1 .036-15.223h.037l2.813.013a7.611 7.611 0 0 1-.036 15.223zM362.173 390.85h-.037l-2.813-.013a7.611 7.611 0 0 1 .036-15.223h.037l2.813.013a7.611 7.611 0 0 1-.036 15.223z"
/>
<path
fill="#64e0c4"
d="M133.855 26.492h-.037a7.611 7.611 0 0 1-7.575-7.648l.013-2.807a7.612 7.612 0 0 1 7.611-7.575h.037a7.611 7.611 0 0 1 7.575 7.648l-.013 2.807a7.613 7.613 0 0 1-7.611 7.575zM133.767 61.269h-.037a7.611 7.611 0 0 1-7.575-7.648l.013-2.807c.019-4.204 3.466-7.589 7.648-7.575a7.611 7.611 0 0 1 7.575 7.648l-.013 2.807a7.613 7.613 0 0 1-7.611 7.575zM152.642 42.528h-.037l-2.813-.013a7.611 7.611 0 0 1 .036-15.223h.037l2.813.013a7.611 7.611 0 0 1-.036 15.223zM117.806 42.44h-.037l-2.813-.013a7.611 7.611 0 0 1 .036-15.223h.037l2.813.013a7.611 7.611 0 0 1-.036 15.223z"
/>
<path
fill="#bcea73"
d="M133.855 200.697h-.037a7.611 7.611 0 0 1-7.575-7.648l.013-2.807a7.612 7.612 0 0 1 7.611-7.575h.037a7.611 7.611 0 0 1 7.575 7.648l-.013 2.807a7.613 7.613 0 0 1-7.611 7.575zM133.767 235.474h-.037a7.611 7.611 0 0 1-7.575-7.648l.013-2.807a7.612 7.612 0 0 1 7.611-7.575h.037a7.611 7.611 0 0 1 7.575 7.648l-.013 2.807a7.613 7.613 0 0 1-7.611 7.575zM152.642 216.733h-.037l-2.813-.013a7.611 7.611 0 0 1 .036-15.223h.037l2.813.013a7.611 7.611 0 0 1-.036 15.223zM117.806 216.645h-.037l-2.813-.013a7.611 7.611 0 0 1 .036-15.223h.037l2.813.013a7.611 7.611 0 0 1-.036 15.223z"
/>
<path
fill="#ffcfec"
d="M133.855 374.902h-.037a7.611 7.611 0 0 1-7.575-7.648l.013-2.807a7.612 7.612 0 0 1 7.611-7.575h.037a7.611 7.611 0 0 1 7.575 7.648l-.013 2.807a7.613 7.613 0 0 1-7.611 7.575zM133.767 409.679h-.037a7.611 7.611 0 0 1-7.575-7.648l.013-2.807c.019-4.204 3.466-7.623 7.648-7.575a7.611 7.611 0 0 1 7.575 7.648l-.013 2.807a7.613 7.613 0 0 1-7.611 7.575zM152.642 390.938h-.037l-2.813-.013a7.611 7.611 0 0 1 .036-15.223h.037l2.813.013a7.611 7.611 0 0 1-.036 15.223zM117.806 390.85h-.037l-2.813-.013a7.611 7.611 0 0 1 .036-15.223h.037l2.813.013a7.611 7.611 0 0 1-.036 15.223z"
/>
</svg>
More icons in the same style and category