Add icons to this collection by clicking the heart icon.
Traffic Signal icon - also known as snow, traffic signal, transportation, signaling, traffic light, road sign, stop signal, stop light, and traffic lights. Created in a clean flat style with a white, gray, black, yellow, 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 53 53"
>
<path
fill="#474646"
d="M38.642 6.169v34.475a3.669 3.669 0 0 1-3.669 3.669H18.024a3.669 3.669 0 0 1-3.669-3.67V6.17a3.669 3.669 0 0 1 3.67-3.669h16.948a3.669 3.669 0 0 1 3.67 3.669z"
/>
<path
fill="#2d2c2c"
d="M38.645 6.169v34.475a3.67 3.67 0 0 1-3.67 3.669H18.023a3.655 3.655 0 0 1-3.517-2.645 3.59 3.59 0 0 0 2.513 1.004h16.954a3.665 3.665 0 0 0 3.662-3.669V4.528c0-.36-.049-.699-.152-1.031a3.64 3.64 0 0 1 1.163 2.672z"
/>
<path
fill="#fff"
d="M18.509 38.561V8.251c0-.882.716-1.598 1.598-1.598h12.784c.882 0 1.598.716 1.598 1.598v30.31c0 .883-.716 1.598-1.598 1.598H20.107a1.598 1.598 0 0 1-1.598-1.598z"
/>
<path
fill="#e4e3ff"
d="M34.387 7.692c-.2-.09-.415-.138-.65-.138h-12.78a1.6 1.6 0 0 0-1.599 1.599V39.46c0 .2.035.388.104.56-.56-.248-.955-.81-.955-1.46V8.253c0-.886.72-1.6 1.599-1.6h12.786c.685 0 1.267.43 1.495 1.039z"
/>
<circle
cx="26.499"
cy="12.824"
r="4.497"
fill="#fc6559"
transform="rotate(-76.7 26.507 12.827)"
/>
<circle
cx="26.499"
cy="23.406"
r="4.497"
fill="#f7e839"
transform="rotate(-76.7 26.507 23.413)"
/>
<circle
cx="26.499"
cy="33.989"
r="4.497"
fill="#5bc658"
transform="rotate(-76.7 26.507 33.998)"
/>
<g opacity=".3">
<path
fill="#fff"
d="M23.37 12.67a.519.519 0 0 1-.395-.618 3.594 3.594 0 0 1 3.234-2.834.52.52 0 1 1 .084 1.035 2.562 2.562 0 0 0-2.304 2.021.519.519 0 0 1-.618.396zM23.367 23.633a.519.519 0 0 1-.468-.565 3.64 3.64 0 0 1 2.661-3.156.52.52 0 0 1 .272 1.003 2.596 2.596 0 0 0-1.9 2.25.52.52 0 0 1-.565.468zM23.367 33.71a.52.52 0 0 1-.37-.635 3.6 3.6 0 0 1 3.076-2.67.519.519 0 1 1 .123 1.031 2.567 2.567 0 0 0-2.194 1.903.52.52 0 0 1-.635.37z"
/>
</g>
<path
fill="#f05543"
d="M30.995 12.822a4.495 4.495 0 0 1-8.598 1.841 4.509 4.509 0 0 0 3.17 1.308 4.495 4.495 0 0 0 4.113-6.327 4.473 4.473 0 0 1 1.315 3.178z"
/>
<path
fill="#edd318"
d="M30.995 23.406a4.495 4.495 0 0 1-8.598 1.842 4.509 4.509 0 0 0 3.17 1.308 4.5 4.5 0 0 0 4.113-6.327 4.473 4.473 0 0 1 1.315 3.177z"
/>
<path
fill="#49a247"
d="M30.995 33.991a4.49 4.49 0 0 1-4.5 4.493 4.494 4.494 0 0 1-4.105-2.665 4.473 4.473 0 0 0 3.178 1.315c2.485 0 4.5-2.008 4.5-4.493 0-.65-.139-1.274-.388-1.834a4.477 4.477 0 0 1 1.315 3.184z"
/>
<path
fill="#474646"
d="M31.127 44.313v4.915c0 .703-.57 1.272-1.272 1.272h-6.712c-.703 0-1.272-.57-1.272-1.272v-4.915z"
/>
<path fill="#1b1b1b" d="M21.871 44.313h9.256v.706h-9.256z" />
<path
fill="#fff"
d="M16.404 19.816a.52.52 0 0 1-.52-.52v-6.67a.52.52 0 0 1 1.039 0v6.67a.52.52 0 0 1-.52.52zM16.404 10.46a.52.52 0 0 1-.52-.52v-.723a.52.52 0 0 1 1.039 0v.724a.52.52 0 0 1-.52.519zM32.582 4.635a.52.52 0 0 1-.52.519h-2.815a.52.52 0 0 1 0-1.039h2.816a.52.52 0 0 1 .52.52zM27.08 4.635a.52.52 0 0 1-.519.519h-.723a.52.52 0 0 1 0-1.039h.723a.52.52 0 0 1 .52.52z"
opacity=".2"
/>
</svg>
More icons in the same style and category