Add icons to this collection by clicking the heart icon.
Traffic Light icon - also known as light, road, traffic signal, traffic, transportation, signaling, traffic light, stop sign, and traffic lights. 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 64 64"
>
<g>
<g>
<rect width="24" height="48" x="20" y="1" fill="#666" rx="2" />
<path
fill="#252526"
d="M42 50H22a3 3 0 0 1-3-3V3a3 3 0 0 1 3-3h20a3 3 0 0 1 3 3v44a3 3 0 0 1-3 3zM22 2a1 1 0 0 0-1 1v44a1 1 0 0 0 1 1h20a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1z"
/>
<path fill="#474747" d="M40 5v40H24V5z" />
<path fill="#333" d="M27 28V4h-3v40h16v-3a13 13 0 0 1-13-13z" />
<path
fill="#252526"
d="M40 46H24a1 1 0 0 1-1-1V22a1 1 0 0 1 2 0v22h14V33.261a1 1 0 1 1 2 0V45a1 1 0 0 1-1 1zM40 30a1 1 0 0 1-1-1V6H25v11.654a1 1 0 0 1-2 0V5a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v24a1 1 0 0 1-1 1z"
/>
<circle cx="32" cy="25" r="4" fill="#f4b400" />
<path
fill="#f29500"
d="M31 26a3.987 3.987 0 0 1 3.662-3.966A3.994 3.994 0 1 0 32 29c.116 0 .225-.024.338-.034A3.976 3.976 0 0 1 31 26z"
/>
<circle cx="32" cy="13" r="4" fill="#db4437" />
<path
fill="#c62e26"
d="M31 14a3.987 3.987 0 0 1 3.662-3.966A3.994 3.994 0 1 0 32 17c.116 0 .225-.024.338-.034A3.976 3.976 0 0 1 31 14z"
/>
<circle cx="32" cy="37" r="4" fill="#39b54a" />
<path
fill="#0f9d58"
d="M31 38a3.987 3.987 0 0 1 3.662-3.966A3.994 3.994 0 1 0 32 41c.116 0 .225-.024.338-.034A3.976 3.976 0 0 1 31 38z"
/>
<path
fill="#252526"
d="M32 30a5 5 0 1 1 5-5 5.006 5.006 0 0 1-5 5zm0-8a3 3 0 1 0 3 3 3 3 0 0 0-3-3zM32 18a5 5 0 1 1 5-5 5.006 5.006 0 0 1-5 5zm0-8a3 3 0 1 0 3 3 3 3 0 0 0-3-3zM32 42a5 5 0 1 1 5-5 5.006 5.006 0 0 1-5 5zm0-8a3 3 0 1 0 3 3 3 3 0 0 0-3-3z"
/>
<path
fill="#333"
d="M17 20h-6v3a2 2 0 0 0 2 2 3 3 0 0 1 3 3 2 2 0 0 0 2 2h2V20z"
/>
<path fill="#474747" d="M13 25a3 3 0 0 1 3 3 2 2 0 0 0 2 2h2v-5z" />
<path
fill="#333"
d="M17 34h-6v3a2 2 0 0 0 2 2 3 3 0 0 1 3 3 2 2 0 0 0 2 2h2V34zM17 6h-6v3a2 2 0 0 0 2 2 3 3 0 0 1 3 3 2 2 0 0 0 2 2h2V6z"
/>
<path fill="#474747" d="M13 39a3 3 0 0 1 3 3 2 2 0 0 0 2 2h2v-5z" />
<path
fill="#252526"
d="M20 31h-2a3 3 0 0 1-3-3 2 2 0 0 0-2-2 3 3 0 0 1-3-3v-3a1 1 0 0 1 1-1h9a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1zm-8-10v2a1 1 0 0 0 1 1 4 4 0 0 1 4 4 1 1 0 0 0 1 1h1v-8z"
/>
<path fill="#474747" d="M13 11a3 3 0 0 1 3 3 2 2 0 0 0 2 2h2v-5z" />
<path
fill="#252526"
d="M20 45h-2a3 3 0 0 1-3-3 2 2 0 0 0-2-2 3 3 0 0 1-3-3v-3a1 1 0 0 1 1-1h9a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1zm-8-10v2a1 1 0 0 0 1 1 4 4 0 0 1 4 4 1 1 0 0 0 1 1h1v-8zM20 17h-2a3 3 0 0 1-3-3 2 2 0 0 0-2-2 3 3 0 0 1-3-3V6a1 1 0 0 1 1-1h9a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1zM12 7v2a1 1 0 0 0 1 1 4 4 0 0 1 4 4 1 1 0 0 0 1 1h1V7z"
/>
<path fill="#666" d="M29 49h6v14h-6z" />
<path fill="#595858" d="M32 57v-8h-3v14h6v-3a3 3 0 0 1-3-3z" />
<path
fill="#252526"
d="M35 64h-6a1 1 0 0 1-1-1V49a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1zm-5-2h4V50h-4zM8 25H2a1 1 0 0 1 0-2h6a1 1 0 0 1 0 2zM8 22a1 1 0 0 1-.707-.293l-4.5-4.5a1 1 0 0 1 1.414-1.414l4.5 4.5A1 1 0 0 1 8 22zM3.5 32.5a1 1 0 0 1-.707-1.707l4.5-4.5a1 1 0 0 1 1.414 1.414l-4.5 4.5a1 1 0 0 1-.707.293z"
/>
<path
fill="#333"
d="M47 20h6v3a2 2 0 0 1-2 2 3 3 0 0 0-3 3 2 2 0 0 1-2 2h-2V20z"
/>
<path
fill="#474747"
d="M51 25a3 3 0 0 0-3 3 2 2 0 0 1-2 2h-2v-5z"
/>
<path
fill="#333"
d="M47 34h6v3a2 2 0 0 1-2 2 3 3 0 0 0-3 3 2 2 0 0 1-2 2h-2V34zM47 6h6v3a2 2 0 0 1-2 2 3 3 0 0 0-3 3 2 2 0 0 1-2 2h-2V6z"
/>
<path
fill="#474747"
d="M51 39a3 3 0 0 0-3 3 2 2 0 0 1-2 2h-2v-5z"
/>
<path
fill="#252526"
d="M46 31h-2a1 1 0 0 1-1-1V20a1 1 0 0 1 1-1h9a1 1 0 0 1 1 1v3a3 3 0 0 1-3 3 2 2 0 0 0-2 2 3 3 0 0 1-3 3zm-1-2h1a1 1 0 0 0 1-1 4 4 0 0 1 4-4 1 1 0 0 0 1-1v-2h-7z"
/>
<path
fill="#474747"
d="M51 11a3 3 0 0 0-3 3 2 2 0 0 1-2 2h-2v-5z"
/>
<g fill="#252526">
<path
d="M46 45h-2a1 1 0 0 1-1-1V34a1 1 0 0 1 1-1h9a1 1 0 0 1 1 1v3a3 3 0 0 1-3 3 2 2 0 0 0-2 2 3 3 0 0 1-3 3zm-1-2h1a1 1 0 0 0 1-1 4 4 0 0 1 4-4 1 1 0 0 0 1-1v-2h-7zM46 17h-2a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1h9a1 1 0 0 1 1 1v3a3 3 0 0 1-3 3 2 2 0 0 0-2 2 3 3 0 0 1-3 3zm-1-2h1a1 1 0 0 0 1-1 4 4 0 0 1 4-4 1 1 0 0 0 1-1V7h-7zM62 25h-6a1 1 0 0 1 0-2h6a1 1 0 0 1 0 2zM56 22a1 1 0 0 1-.707-1.707l4.5-4.5a1 1 0 0 1 1.414 1.414l-4.5 4.5A1 1 0 0 1 56 22zM60.5 32.5a1 1 0 0 1-.707-.293l-4.5-4.5a1 1 0 0 1 1.414-1.414l4.5 4.5A1 1 0 0 1 60.5 32.5z"
/>
</g>
</g>
</g>
</svg>
More icons in the same style and category