Add icons to this collection by clicking the heart icon.
Directional Sign icon - also known as direction, road, landscape, sign, leisure, road sign, directional sign, and city. Created in a clean lineal color style, 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>
<clipPath id="b" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<path
d="M441.87 472.175H70.13V504.5h371.74z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#4172ca"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M441.87 472.175h-32.325V504.5h32.325z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#3a67c1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M409.545 472.175h32.325V7.5h-32.325z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#c7865b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M409.545 472.175h32.325v-26.264h-32.325Z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#b36d3c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M213.573 334.792H108.516v105.057h105.057z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#e175a5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M363.077 334.792H213.573v105.057h149.504z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#d3effd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M363.077 334.792h-24.244v105.057h24.244z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#b2e5fb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M258.021 197.411h105.057v105.057H258.021Z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#f7e365"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M338.833 197.411h24.244v105.057h-24.244z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#f3d332"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M108.516 197.411H258.02v105.057H108.516Z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#d3effd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0v385.34"
transform="translate(441.87 7.5)"
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 0v464.67h32.33v-44.33"
transform="translate(409.54 7.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<path
d="m0 0-20.204 20.204L0 40.407"
transform="matrix(1.33333 0 0 -1.33333 214.727 193.176)"
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 0h40.407"
transform="matrix(1.33333 0 0 -1.33333 187.788 166.238)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M213.573 334.792H108.516v105.057h105.057zM363.077 334.792H213.573v105.057h149.504z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
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 0h84.854"
transform="matrix(1.33333 0 0 -1.33333 327.865 139.3)"
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-54.549"
transform="matrix(1.33333 0 0 -1.33333 400.596 193.176)"
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-32.325"
transform="matrix(1.33333 0 0 -1.33333 166.238 53.1)"
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 0v32.325"
transform="matrix(1.33333 0 0 -1.33333 462.553 96.2)"
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 0 20.203 20.203L0 40.406"
transform="matrix(1.33333 0 0 -1.33333 414.065 376.352)"
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-40.406"
transform="matrix(1.33333 0 0 -1.33333 441.003 349.415)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M258.021 197.411h105.057v105.057H258.021Z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
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 0h88.22v105.06h-149.5V0h26.3"
transform="matrix(1.33333 0 0 -1.33333 226.4 419.453)"
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 0h84.854"
transform="matrix(1.33333 0 0 -1.33333 187.788 322.477)"
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-54.549"
transform="matrix(1.33333 0 0 -1.33333 260.52 376.352)"
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-32.325"
transform="matrix(1.33333 0 0 -1.33333 462.553 236.277)"
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 0v32.325"
transform="matrix(1.33333 0 0 -1.33333 166.238 279.377)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<g clip-path="url(#b)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0h107.328v32.33h-371.741V0H-35"
transform="translate(334.543 472.17)"
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