Add icons to this collection by clicking the heart icon.
Direction Sign icon - also known as signs, direction, orientation, sign, signaling, directional, road sign, panel, and direction sign. Created in a clean lineal color style with a gray, black, teal, orange, and pink 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0h-37.486c-7.801 0-14.125-6.323-14.125-14.125v-384.31h65.736v384.31C14.125-6.323 7.801 0 0 0"
transform="translate(274.743 498.28)"
fill="#e7886e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-75.781 51.056c-9.305 6.268-21.837-.399-21.837-11.618V26.001h-202.757v-82.302h202.757v-13.436c0-11.22 12.532-17.887 21.837-11.617L0-30.299C10.747-23.059 10.747-7.241 0 0"
transform="translate(431.278 426.28)"
fill="#2edbd9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 75.781 51.057c9.305 6.268 21.837-.399 21.837-11.619V26.002h202.757V-56.3H97.618v-13.436c0-11.22-12.532-17.887-21.837-11.618L0-30.298C-10.747-23.058-10.747-7.24 0 0"
transform="translate(80.722 257.38)"
fill="#ff748f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0s68.546 110.893 248.5 110.893S497 0 497 0Z"
transform="translate(7.5 13.72)"
fill="#73d98b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-6.514.308-13.167.485-20 .485-179.954 0-248.5-110.892-248.5-110.892h40S-165.041-7.794 0 0"
transform="translate(276 124.127)"
fill="#00c756"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M288.868 337.253h-65.736v32.726h65.736zM288.868 168.362h-65.736v32.726h65.736z"
fill="#dc6742"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-12.521"
transform="translate(186.822 420.731)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-12.521"
transform="translate(325.178 420.731)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-4.028-4.608-10.181-7.554-17.074-7.554-6.894 0-13.046 2.946-17.074 7.554"
transform="translate(273.074 409.082)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-12.521"
transform="translate(325.178 251.833)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-12.521"
transform="translate(186.822 251.833)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c4.028-4.608 10.181-7.554 17.074-7.554 6.894 0 13.046 2.946 17.074 7.554"
transform="translate(238.926 240.184)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0s68.546 110.893 248.5 110.893S497 0 497 0Z"
transform="translate(7.5 13.72)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-77.75a415.607 415.607 0 0 0 32.868 1.282c11.401 0 22.35-.448 32.868-1.282V0Z"
transform="translate(223.132 201.08)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h25.697v82.302h-202.758v13.436c0 11.22-12.531 17.887-21.835 11.618L-274.678 56.3c-10.747-7.24-10.747-23.058 0-30.298l75.782-51.057c9.304-6.268 21.835.399 21.835 11.618V0h147.556"
transform="translate(355.4 201.08)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v31.874c0 7.802-6.324 14.125-14.125 14.125h-37.486c-7.801 0-14.125-6.323-14.125-14.125V0z"
transform="translate(288.868 452.281)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M223.132 283.382h65.736v86.597h-65.736z"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-29.283v-82.303h202.757v-13.436c0-11.22 12.531-17.887 21.836-11.617l75.781 51.055c10.747 7.24 10.747 23.058 0 30.299L195.31 25.054c-9.305 6.268-21.836-.399-21.836-11.618V0H29.851"
transform="translate(160.187 452.281)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category