Add icons to this collection by clicking the heart icon.
Direction icon - also known as direction, orientation, left, right, directional, road sign, and panel. Created in a clean lineal color style with a white, silver, gray, black, 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 0v329.396c0 8.284 6.716 15 15 15 8.284 0 15-6.716 15-15V0c0-8.284-6.716-15-15-15C6.716-15 0-8.284 0 0"
transform="translate(434.5 111.604)"
fill="#d7d6dc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v329.396c0 8.284 6.716 15 15 15 8.284 0 15-6.716 15-15V0c0-8.284-6.716-15-15-15C6.716-15 0-8.284 0 0"
transform="translate(47.5 111.604)"
fill="#d7d6dc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-457c-11.046 0-20 8.954-20 20v110c0 11.046 8.954 20 20 20H0c11.046 0 20-8.954 20-20V20C20 8.954 11.046 0 0 0"
transform="translate(484.5 246)"
fill="#809ce4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v110c0 11.046 8.954 20 20 20h-193.5c-11.046 0-20-8.954-20-20V0c0-11.046 8.954-20 20-20H20C8.954-20 0-11.046 0 0"
transform="translate(201 266)"
fill="#6382d4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-457c-11.046 0-20 8.954-20 20v110c0 11.046 8.954 20 20 20H0c11.046 0 20-8.954 20-20V20C20 8.954 11.046 0 0 0"
transform="translate(484.5 56)"
fill="#ff9bca"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v110c0 11.046 8.954 20 20 20h-193.5c-11.046 0-20-8.954-20-20V0c0-11.046 8.954-20 20-20H20C8.954-20 0-11.046 0 0"
transform="translate(201 76)"
fill="#ea738d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-46.667 35c-3.296 2.472-8 .12-8-4V16h-35a5 5 0 0 1-5-5v-30a5 5 0 0 1 5-5h35v-15c0-4.12 4.704-6.472 8-4L0-8c2.667 2 2.667 6 0 8"
transform="translate(142.167 325)"
fill="#ededed"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 46.667-35c3.296-2.472 8-.12 8 4v15h35a5 5 0 0 1 5 5v30a5 5 0 0 1-5 5h-35v15c0 4.12-4.704 6.472-8 4L0 8c-2.667-2-2.667-6 0-8"
transform="translate(49.5 127)"
fill="#ededed"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-35a5 5 0 0 1-5-5v-30a5 5 0 0 1 5-5H0c-11.046 0-20 8.954-20 20S-11.046 0 0 0"
transform="translate(87.5 341)"
fill="#d7d6dc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v15c0 4.12-4.704 6.472-8 4l-46.667-35c-2.666-2-2.666-6 0-8L-8-59c3.296-2.472 8-.12 8 4v15c-11.046 0-20 8.954-20 20S-11.046 0 0 0"
transform="translate(104.167 151)"
fill="#d7d6dc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h208.5"
transform="translate(256 351)"
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 0h41.833"
transform="translate(184.167 351)"
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 0h141.833"
transform="translate(184.167 291)"
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 0h280.333"
transform="translate(184.167 161)"
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 0h201.833"
transform="translate(184.167 101)"
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 0v41.5c0 8.284 6.716 15 15 15 8.284 0 15-6.716 15-15V0"
transform="translate(434.5 399.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 0v32.779"
transform="translate(434.5 209)"
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.779"
transform="translate(464.5 241.78)"
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.779"
transform="translate(47.5 209)"
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-35.779"
transform="translate(77.5 241.78)"
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 0v41.5c0 8.284 6.716 15 15 15v0c8.284 0 15-6.716 15-15V.5"
transform="translate(47.5 399.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 0h-457c-11.046 0-20 8.954-20 20v110c0 11.046 8.954 20 20 20H0c11.046 0 20-8.954 20-20V20C20 8.954 11.046 0 0 0Z"
transform="translate(484.5 246)"
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 0h143.5c11.046 0 20-8.954 20-20v-110c0-11.046-8.954-20-20-20h-457c-11.045 0-20 8.954-20 20v110c0 11.046 8.955 20 20 20H-30"
transform="translate(341 206)"
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-46.667 35c-3.296 2.472-8 .12-8-4V16h-35a5 5 0 0 1-5-5v-30a5 5 0 0 1 5-5h35v-15c0-4.12 4.704-6.472 8-4L0-8c2.667 2 2.667 6 0 8z"
transform="translate(142.167 325)"
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 46.667-35c3.296-2.472 8-.12 8 4v15h35a5 5 0 0 1 5 5v30a5 5 0 0 1-5 5h-35v15c0 4.12-4.704 6.472-8 4L0 8c-2.667-2-2.667-6 0-8Z"
transform="translate(49.5 127)"
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