Add icons to this collection by clicking the heart icon.
Traffic Light icon - also known as signaling, traffic light, road sign, and traffic sign. Created in a clean outline color 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 32 32"
>
<g id="Layer_3">
<g>
<path
d="m31 16c0 7.77-5.83 14.19-13.56 14.94-.48.04-.96.06-1.44.06s-.96-.02-1.43-.06c-7.74-.75-13.57-7.17-13.57-14.94 0-8.27 6.73-15 15-15s15 6.73 15 15z"
fill="#fbb321"
/>
</g>
<path
d="m20.839 8.095v12.334c0 1.541-1.357 2.784-3.037 2.784h-3.604c-1.681 0-3.037-1.244-3.037-2.784v-12.334c0-1.541 1.357-2.784 3.037-2.784h3.604c1.681 0 3.037 1.244 3.037 2.784z"
/>
<path
d="m17.244 23.214v5.81c-.408.037-.826.056-1.244.056s-.835-.019-1.244-.056v-5.81z"
fill="#fff"
/>
<circle cx="16" cy="8.787" fill="#da1f28" r="2.131" />
<circle cx="16" cy="14.262" fill="#fbb321" r="2.131" />
<circle cx="16" cy="19.737" fill="#51ab47" r="2.131" />
</g>
<g id="Layer_4">
<g>
<g>
<path
d="m16 .5c-8.547 0-15.5 6.953-15.5 15.5 0 8.033 6.028 14.668 14.024 15.434.485.044.981.066 1.476.066s.993-.022 1.483-.067c7.991-.765 14.017-7.4 14.017-15.433 0-8.547-6.953-15.5-15.5-15.5zm1.391 29.938c-.92.083-1.869.082-2.773.001-7.479-.717-13.118-6.924-13.118-14.439 0-7.995 6.505-14.5 14.5-14.5s14.5 6.505 14.5 14.5c0 7.515-5.637 13.722-13.109 14.438z"
/>
<path
d="m16 2.5c-7.444 0-13.5 6.056-13.5 13.5 0 6.997 5.248 12.776 12.21 13.442.421.039.854.058 1.288.058.437 0 .873-.02 1.299-.059 6.957-.666 12.203-6.444 12.203-13.441 0-7.444-6.056-13.5-13.5-13.5zm-.744 25.967v-4.754h1.488v4.753c-.496.029-.994.029-1.488.001zm-1-5.754h-.058c-1.399 0-2.537-1.025-2.537-2.284v-12.334c0-1.259 1.138-2.284 2.537-2.284h3.604c1.399 0 2.537 1.025 2.537 2.284v12.334c0 1.259-1.138 2.284-2.537 2.284h-.058zm3.488 5.655v-4.655h.058c1.95 0 3.537-1.473 3.537-3.284v-12.334c0-1.811-1.587-3.284-3.537-3.284h-3.604c-1.95 0-3.537 1.473-3.537 3.284v12.334c0 1.811 1.587 3.284 3.537 3.284h.058v4.655c-6.168-.861-10.756-6.076-10.756-12.368 0-6.893 5.607-12.5 12.5-12.5s12.5 5.607 12.5 12.5c0 6.295-4.59 11.511-10.756 12.368z"
/>
<path
d="m16 11.418c1.45 0 2.631-1.18 2.631-2.631s-1.181-2.631-2.631-2.631-2.631 1.18-2.631 2.631 1.181 2.631 2.631 2.631zm0-4.262c.899 0 1.631.732 1.631 1.631s-.732 1.631-1.631 1.631-1.631-.732-1.631-1.631.732-1.631 1.631-1.631z"
/>
<path
d="m16 16.894c1.45 0 2.631-1.18 2.631-2.631s-1.181-2.632-2.631-2.632-2.631 1.18-2.631 2.631 1.181 2.632 2.631 2.632zm0-4.263c.899 0 1.631.732 1.631 1.631s-.732 1.632-1.631 1.632-1.631-.732-1.631-1.631.732-1.632 1.631-1.632z"
/>
<path
d="m18.631 19.737c0-1.451-1.181-2.631-2.631-2.631s-2.631 1.18-2.631 2.631 1.181 2.632 2.631 2.632 2.631-1.181 2.631-2.632zm-2.631 1.632c-.899 0-1.631-.732-1.631-1.631s.731-1.631 1.631-1.631 1.631.732 1.631 1.631-.732 1.631-1.631 1.631z"
/>
</g>
</g>
</g>
<g id="Layer_5">
<path
d="m31 16c0 8.28-6.72 15-15 15v-30c8.28 0 15 6.72 15 15z"
opacity=".2"
/>
</g>
</svg>
More icons in the same style and category