Add icons to this collection by clicking the heart icon.
Traffic Signal icon - also known as signal, web, traffic signal, traffic, bar graph, browser, analytics, seo and web, business and finance, and digital traffic. Created in a clean flat gradient style with a white, silver, black, navy, purple, 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 50 50"
>
<linearGradient
id="a"
x1="25"
x2="25"
y1="-2.806"
y2="59.146"
gradientUnits="userSpaceOnUse"
>
<stop offset=".118" stop-color="#f0709b" />
<stop offset=".957" stop-color="#ed3982" />
</linearGradient>
<path
fill="url(#a)"
d="M25 .994c-13.25 0-24 10.75-24 24 0 12.51 9.58 22.79 21.8 23.9 13.828 1.35 26.2-9.686 26.2-23.9 0-13.166-10.663-24-24-24z"
/>
<g fill="#fff">
<path
d="M13.62 6.953c1.024 0 1.85.83 1.85 1.85 0-1.023.827-1.85 1.848-1.85a1.85 1.85 0 0 1-1.848-1.85c0 1.021-.83 1.85-1.85 1.85zM3.608 32.024c.777 0 1.402.629 1.402 1.402 0-.775.628-1.402 1.401-1.402a1.401 1.401 0 0 1-1.4-1.402c0 .774-.63 1.402-1.403 1.402zM3.866 20.255a1.99 1.99 0 0 1 1.99 1.99c0-1.1.89-1.99 1.99-1.99a1.99 1.99 0 0 1-1.99-1.99c0 1.099-.893 1.99-1.99 1.99zM35.647 7.572c.887 0 1.602.718 1.602 1.602 0-.886.717-1.602 1.602-1.602a1.602 1.602 0 0 1-1.602-1.603c0 .885-.719 1.603-1.602 1.603zM43.29 23.138c1.028 0 1.856.832 1.856 1.856 0-1.026.83-1.856 1.855-1.856a1.855 1.855 0 0 1-1.855-1.856 1.858 1.858 0 0 1-1.856 1.856zM24.51 4.445a2.468 2.468 0 0 1 2.47 2.47 2.467 2.467 0 0 1 2.466-2.47 2.467 2.467 0 0 1-2.467-2.469 2.471 2.471 0 0 1-2.468 2.47zM41.413 14.017v23.18a3.043 3.043 0 0 1-3.044 3.04H11.627a3.042 3.042 0 0 1-3.04-3.04v-23.18a3.042 3.042 0 0 1 3.04-3.04h26.742a3.043 3.043 0 0 1 3.044 3.04z"
/>
</g>
<path fill="#ececec" d="M11.593 16.974h26.82v20.263h-26.82z" />
<circle cx="18.147" cy="13.927" r=".961" fill="#ffcb46" />
<circle cx="15.468" cy="13.927" r=".961" fill="#71c7b2" />
<circle cx="12.789" cy="13.927" r=".961" fill="#ed2e7b" />
<path
fill="#3b3e42"
d="M38.172 13.926a.864.864 0 0 1-.864.863h-15.81a.864.864 0 0 1 0-1.727h15.81c.477 0 .864.387.864.864z"
/>
<g fill="#2c2f33">
<path
d="M32.267 22.881a4.318 4.318 0 0 1-4.327 4.328V22.88zM17.739 22.881a4.318 4.318 0 0 0 4.327 4.328V22.88zM32.267 29.74a4.318 4.318 0 0 1-4.327 4.328v-4.327zM17.739 29.74a4.318 4.318 0 0 0 4.327 4.328v-4.327zM32.267 36.6a4.318 4.318 0 0 1-4.327 4.327V36.6zM17.739 36.6a4.318 4.318 0 0 0 4.327 4.327V36.6z"
/>
</g>
<path
fill="#3b3e42"
d="M30.42 21.517v20.766c0 .44-.355.803-.795.803H20.38a.801.801 0 0 1-.795-.803V21.517c0-.44.356-.795.795-.795h9.245c.44 0 .796.355.796.795z"
/>
<path
fill="#71c7b2"
d="M27.741 25.169a2.738 2.738 0 1 1-5.476 0 2.738 2.738 0 0 1 5.476 0z"
/>
<ellipse
cx="24.093"
cy="24.17"
fill="#fff"
opacity=".5"
rx=".63"
ry=".963"
transform="rotate(45 24.1 24.168)"
/>
<path
fill="#ffcb46"
d="M27.741 31.904a2.738 2.738 0 1 1-5.476 0 2.738 2.738 0 0 1 5.476 0z"
/>
<ellipse
cx="24.093"
cy="30.906"
fill="#fff"
opacity=".5"
rx=".63"
ry=".963"
transform="rotate(45 24.1 30.903)"
/>
<path
fill="#ed2e7b"
d="M27.741 38.64a2.738 2.738 0 1 1-5.476 0 2.738 2.738 0 0 1 5.476 0z"
/>
<ellipse
cx="24.093"
cy="37.641"
fill="#fff"
opacity=".5"
rx=".63"
ry=".963"
transform="rotate(45 24.102 37.64)"
/>
</svg>
More icons in the same style and category