Add icons to this collection by clicking the heart icon.
Traffic Signal icon - also known as light, traffic signal, stop, traffic light, road sign, stop signal, and stop light. Created in a clean flat style with a silver, gray, red, olive, and orange 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 520 520"
>
<path
fill="#7cdaaf"
d="M372.5 379h-105c-2.762 0-5-2.238-5-5s2.238-5 5-5h105c2.762 0 5 2.238 5 5s-2.238 5-5 5zM237.5 344h-180a5 5 0 1 1 0-10h180a5 5 0 1 1 0 10zM117.5 364h-75a5 5 0 1 1 0-10h75a5 5 0 1 1 0 10zM147.5 384h-40a5 5 0 1 1 0-10h40a5 5 0 1 1 0 10zM372.5 339h-65c-2.762 0-5-2.238-5-5s2.238-5 5-5h65c2.762 0 5 2.238 5 5s-2.238 5-5 5z"
/>
<path fill="#83727a" d="M267.5 375v65h-30V265h30z" />
<path
fill="#505070"
d="m361.5 182.67-60 63.33v-63.33zM361.5 119.33l-60 63.34v-63.34zM361.5 56l-60 63.33V56zM203.5 182.67V246l-60-63.33z"
/>
<path
fill="#505070"
d="M203.5 119.33v63.34l-60-63.34zM203.5 56v63.33L143.5 56z"
/>
<path fill="#dfd0c6" d="M202.5 36v230h100V36z" />
<path
fill="#97bc31"
d="M252.5 196c-13.81 0-25 11.19-25 25s11.19 25 25 25 25-11.19 25-25-11.19-25-25-25z"
/>
<path
fill="#f2d057"
d="M252.5 126c-13.81 0-25 11.19-25 25s11.19 25 25 25 25-11.19 25-25-11.19-25-25-25z"
/>
<path
fill="#ed5a5a"
d="M252.5 56c-13.81 0-25 11.19-25 25s11.19 25 25 25 25-11.19 25-25-11.19-25-25-25z"
/>
<path
fill="#7b961a"
d="M252.5 231c-5.514 0-10-4.486-10-10s4.486-10 10-10 10 4.486 10 10-4.486 10-10 10z"
/>
<path
fill="#d6af32"
d="M252.5 161c-5.514 0-10-4.486-10-10s4.486-10 10-10 10 4.486 10 10-4.486 10-10 10z"
/>
<path
fill="#c13636"
d="M252.5 91c-5.514 0-10-4.486-10-10s4.486-10 10-10 10 4.486 10 10-4.486 10-10 10z"
/>
<circle cx="432.5" cy="119" r="30" fill="#8ef3f3" />
<path
fill="#8ef3f3"
d="M77.5 239c13.81 0 25 11.19 25 25s-11.19 25-25 25-25-11.19-25-25 11.19-25 25-25z"
/>
<path fill="#66535c" d="M177.5 459v-20h150v40h-150z" />
<g fill="#676789">
<circle cx="445" cy="56.5" r="7.5" />
<circle cx="435" cy="206.5" r="7.5" />
<circle cx="415" cy="411.5" r="7.5" />
<circle cx="360" cy="276.5" r="7.5" />
<circle cx="115" cy="426.5" r="7.5" />
<circle cx="95" cy="191.5" r="7.5" />
<circle cx="70" cy="61.5" r="7.5" />
<path
d="M427.5 484h-290a5 5 0 1 1 0-10h290c2.762 0 5 2.238 5 5s-2.238 5-5 5z"
/>
</g>
<path
fill="#7cdaaf"
d="M477.5 359h-140c-2.762 0-5-2.238-5-5s2.238-5 5-5h140c2.762 0 5 2.238 5 5s-2.238 5-5 5z"
/>
</svg>
More icons in the same style and category