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="M26.503 405.03V106.97c0-54.847 44.626-99.469 99.471-99.469h-20c-54.845 0-99.471 44.622-99.471 99.469v298.06c0 54.849 44.626 99.471 99.471 99.471h20c-54.846 0-99.471-44.622-99.471-99.471z"
fill="#4ac8dd"
/>
<path
d="M66.467 405.03V106.97c0-32.813 26.693-59.508 59.508-59.508h-20.001c-32.814 0-59.508 26.695-59.508 59.508v298.06c0 32.815 26.693 59.512 59.508 59.512h20.001c-32.815-.001-59.508-26.698-59.508-59.512z"
fill="#3588bc"
/>
<path
d="M404.03 504.501H105.973c-54.845 0-99.471-44.622-99.471-99.471V106.97c0-54.847 44.626-99.469 99.471-99.469H404.03c54.845 0 99.469 44.622 99.469 99.469v298.06c0 54.849-44.623 99.471-99.469 99.471z"
fill="#6edcf9"
/>
<path
d="M105.973 47.463c-32.814 0-59.508 26.695-59.508 59.508V405.03c0 32.815 26.693 59.512 59.508 59.512H404.03c32.812 0 59.508-26.697 59.508-59.512V106.97c0-32.813-26.695-59.508-59.508-59.508l-298.057.001z"
fill="#4a94cc"
/>
<path
d="m186.916 316.544-.001-100.548 143.169 143.169c4.687 4.687 12.285 4.687 16.971 0l11.113-11.112c4.685-4.687 4.686-12.285 0-16.972L215.001 187.914h100.546c10.659 0 19.297-8.64 19.297-19.298.003-10.66-8.641-19.297-19.298-19.298l-147.932.002c-10.649-.002-19.297 8.643-19.297 19.297l.002 147.929a19.245 19.245 0 0 0 5.652 13.646c12.055 12.05 32.944 3.6 32.945-13.648z"
fill="#e8e8e8"
/>
<path
d="M347.085 347.165 209.159 209.239c-16.447-16.447-21.11-9.608-22.243-1.748v10.507l143.169 141.169c4.687 4.687 12.285 4.687 16.971 0l8.488-8.487a11.976 11.976 0 0 1-8.459-3.515zM168.32 316.546l-.002-147.929c0-10.647 8.643-19.299 19.297-19.297v-.002l-20.001.002c-10.649-.002-19.297 8.643-19.297 19.297l.002 147.929c0 15.025 16.464 24.288 29.3 16.481-6.043-3.672-9.299-9.983-9.299-16.481z"
fill="#c1c4c6"
/>
<path
d="m353.358 364.469 11.114-11.113c7.602-7.603 7.602-19.976 0-27.579L234.109 195.415h82.439c14.776 0 26.798-12.022 26.798-26.797.004-14.814-11.983-26.799-26.799-26.801l-147.936.002c-14.808 0-26.794 11.986-26.794 26.798l.002 147.929c0 14.811 11.984 26.798 26.803 26.798 14.774 0 26.795-12.021 26.796-26.8l-.001-82.44 130.364 130.365c7.621 7.62 19.956 7.624 27.577 0zM187.913 208.496a7.503 7.503 0 0 0-7.498 7.5l.001 100.547c-.001 6.507-5.291 11.801-11.798 11.8-6.519 0-11.799-5.274-11.799-11.797l-.002-147.929c0-6.516 5.272-11.797 11.797-11.797l147.931-.002c3.152 0 6.116 1.227 8.346 3.455 7.398 7.398 2.142 20.14-8.344 20.14H216.001c-6.651 0-10.025 8.081-5.304 12.805l143.167 143.167a4.504 4.504 0 0 1 .001 6.363c-12.098 12.097-11.872 12.431-14.295 12.431a4.47 4.47 0 0 1-3.182-1.318C181.703 199.176 192.356 208.496 187.913 208.496z"
/>
<path
d="M273.501 472.039h131.526c36.948 0 67.008-30.06 67.008-67.008v-298.06c0-36.95-30.06-67.012-67.008-67.012H106.97c-36.948 0-67.008 30.062-67.008 67.012V405.03c0 36.948 30.06 67.008 67.008 67.008h131.529c4.143 0 7.5-3.357 7.5-7.5s-3.357-7.5-7.5-7.5H106.97c-28.677 0-52.007-23.33-52.007-52.007v-298.06c0-28.679 23.33-52.011 52.007-52.011h298.057c28.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.502 7.5 7.502z"
/>
<path
d="M504.499 245.999c4.143 0 7.5-3.357 7.5-7.5V106.97C511.999 47.987 464.011 0 405.028 0H106.97C47.987 0 .001 47.987.001 106.971V405.03C.001 464.014 47.987 512 106.97 512h298.057c58.985 0 106.971-47.986 106.971-106.969v-131.53c0-4.143-3.357-7.5-7.5-7.5s-7.5 3.357-7.5 7.5V405.03c0 50.712-41.258 91.969-91.971 91.969H106.97c-50.711 0-91.969-41.257-91.969-91.969V106.971C15.001 56.258 56.258 15 106.97 15h298.057c50.713 0 91.971 41.257 91.971 91.971v131.528a7.5 7.5 0 0 0 7.501 7.5z"
/>
</svg>
More icons in the same style and category