Add icons to this collection by clicking the heart icon.
Traffic Signal icon - also known as arrows, direction, traffic signal, orientation, directional, turn, road sign, and traffic sign. Created in a clean lineal color style with a white, silver, gray, and teal 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="100"
height="100"
viewBox="0 0 512 512"
>
<path
d="M405.03 504.5H106.972c-54.845 0-99.471-44.622-99.471-99.471v-298.06C7.501 52.122 52.127 7.5 106.972 7.5H405.03c54.845 0 99.469 44.622 99.469 99.469v298.059c0 54.85-44.624 99.472-99.469 99.472z"
fill="#6edcf9"
/>
<path
d="M27.502 405.029v-298.06c0-54.847 44.626-99.469 99.471-99.469h-20c-54.845 0-99.471 44.622-99.471 99.469v298.059c0 54.849 44.626 99.471 99.471 99.471h20c-54.846.001-99.471-44.621-99.471-99.47z"
fill="#4ac8dd"
/>
<path
d="M106.972 47.462c-32.815 0-59.508 26.695-59.508 59.508v298.059c0 32.815 26.693 59.512 59.508 59.512H405.03c32.812 0 59.508-26.697 59.508-59.512v-298.06c0-32.813-26.695-59.508-59.508-59.508l-298.058.001z"
fill="#4a94cc"
/>
<path
d="M67.466 405.029v-298.06c0-32.813 26.693-59.508 59.508-59.508h-20.001c-32.815 0-59.508 26.695-59.508 59.508v298.059c0 32.815 26.693 59.512 59.508 59.512h20.001c-32.815 0-59.508-26.697-59.508-59.511z"
fill="#3588bc"
/>
<path
d="m324.083 316.543.002-100.548-143.169 143.169c-4.688 4.686-12.286 4.686-16.972 0l-11.112-11.112c-4.686-4.687-4.688-12.285 0-16.972l143.166-143.167H195.451c-10.659 0-19.296-8.64-19.296-19.298-.004-10.66 8.64-19.297 19.298-19.298l147.931.002c10.649-.002 19.298 8.643 19.298 19.297l-.002 147.929a19.249 19.249 0 0 1-5.652 13.646c-12.057 12.05-32.943 3.6-32.945-13.648z"
fill="#e8e8e8"
/>
<path
d="m195.453 168.769 147.931.002c10.646-.002 19.295 8.638 19.298 19.292v-19.446c0-10.65-8.644-19.299-19.298-19.297l-147.931-.002c-10.659.001-19.302 8.639-19.298 19.298 0 3.551.976 6.866 2.648 9.725 3.349-5.721 9.543-9.571 16.65-9.572zM306.41 205.342c11.703-11.716 6.147-17.429-10.411-17.429L152.831 331.081c-4.688 4.686-4.686 12.285 0 16.972l9.781 9.781c-1.141-4.045-.126-8.569 3.057-11.752l140.741-140.74z"
fill="#c1c4c6"
/>
<path
d="M405.03 39.959H106.972c-36.948 0-67.008 30.062-67.008 67.012V405.03c0 36.948 30.06 67.008 67.008 67.008h131.527c4.143 0 7.5-3.357 7.5-7.5s-3.357-7.5-7.5-7.5H106.972c-28.677 0-52.007-23.33-52.007-52.007v-298.06c0-28.679 23.33-52.011 52.007-52.011H405.03c28.677 0 52.007 23.332 52.007 52.011V405.03c0 28.677-23.33 52.007-52.007 52.007H273.501c-4.143 0-7.5 3.357-7.5 7.5s3.357 7.5 7.5 7.5H405.03c36.948 0 67.008-30.06 67.008-67.008V106.971c0-36.95-30.06-67.012-67.008-67.012z"
/>
<path
d="M405.03 0H106.972C47.988 0 .001 47.987.001 106.971V405.03C.001 464.014 47.988 512 106.972 512H405.03C464.013 512 512 464.014 512 405.031v-298.06C511.999 47.987 464.012 0 405.03 0zm91.968 405.031c0 50.712-41.258 91.969-91.969 91.969H106.972c-50.713 0-91.971-41.257-91.971-91.969v-298.06C15.001 56.258 56.258 15 106.972 15H405.03c50.711 0 91.969 41.257 91.969 91.971l-.001 298.06z"
/>
<path
d="m147.529 353.357 11.112 11.111a19.37 19.37 0 0 0 13.789 5.712 19.38 19.38 0 0 0 13.791-5.711l130.364-130.364-.002 82.441c.001 7.158 2.789 13.889 7.85 18.95 16.934 16.934 45.749 4.769 45.749-18.949l.001-54.235a7.5 7.5 0 0 0-15 0l-.001 54.235c0 6.52-5.276 11.797-11.801 11.797-6.527 0-11.795-5.283-11.797-11.799l.002-100.548c0-6.655-8.081-10.025-12.805-5.304L175.613 353.861a4.47 4.47 0 0 1-3.184 1.318 4.47 4.47 0 0 1-3.181-1.318l-11.112-11.111a4.504 4.504 0 0 1 0-6.364L301.302 193.22c4.703-4.705 1.374-12.805-5.304-12.805H195.452c-10.47 0-15.748-12.734-8.342-20.14a11.724 11.724 0 0 1 8.344-3.455l147.935.002c6.515 0 11.794 5.276 11.794 11.797l-.001 58.692a7.5 7.5 0 0 0 15 0l.001-58.692c0-14.806-11.979-26.798-26.799-26.798l-147.932-.002c-14.812.002-26.804 11.985-26.798 26.799 0 14.776 12.022 26.799 26.797 26.799h82.44L147.529 325.778c-7.604 7.601-7.604 19.973 0 27.579z"
/>
</svg>
More icons in the same style and category