Add icons to this collection by clicking the heart icon.
Direction icon - also known as arrows, navigation, direction, location, orientation, directional, turn, road sign, options, and traffic sign. Created in a clean outline gradient 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="512"
height="512"
viewBox="0 0 512 512"
>
<defs>
<linearGradient
id="a"
x1="251"
x2="251"
y1="488"
y2="29.045"
gradientUnits="userSpaceOnUse"
>
<stop offset=".322" stop-color="#a163f5" />
<stop offset=".466" stop-color="#b074ee" />
<stop offset=".752" stop-color="#d8a1dd" />
<stop offset=".898" stop-color="#efbad3" />
</linearGradient>
<linearGradient
id="b"
x1="393.064"
x2="393.064"
y1="488"
y2="29.045"
href="#a"
/>
<linearGradient
id="c"
x1="138.064"
x2="138.064"
y1="488"
y2="29.045"
href="#a"
/>
<linearGradient
id="d"
x1="208.064"
x2="208.064"
y1="488"
y2="29.045"
href="#a"
/>
<linearGradient
id="e"
x1="278.064"
x2="278.064"
y1="488"
y2="29.045"
href="#a"
/>
<linearGradient
id="f"
x1="348.064"
x2="348.064"
y1="488"
y2="29.045"
href="#a"
/>
</defs>
<path
d="M392.973 35.917a6 6 0 0 0-7.946 0l-90 79.5a6 6 0 0 0 3.973 10.5h39v129.252a14.015 14.015 0 0 1-14 14H108.5v-39A6 6 0 0 0 98 226.2l-79.5 90a6 6 0 0 0 0 7.946l79.5 90a6 6 0 0 0 10.5-3.973v-39H324a14.015 14.015 0 0 1 14 14v86.417a6 6 0 0 0 6 6h90a6 6 0 0 0 6-6V125.914h39a6 6 0 0 0 3.973-10.5Zm41.027 78a6 6 0 0 0-6 6v345.669h-78v-80.417a26.029 26.029 0 0 0-26-26H102.5a6 6 0 0 0-6 6v29.144l-65.494-74.144L96.5 246.024v29.145a6 6 0 0 0 6 6H324a26.029 26.029 0 0 0 26-26V119.914a6 6 0 0 0-6-6h-29.145L389 48.42l74.145 65.494Z"
fill="url(#a)"
/>
<path
d="M393.064 348.315a6 6 0 0 0-6 6v30a6 6 0 0 0 12 0v-30a6 6 0 0 0-6-6ZM393.064 418.315a6 6 0 0 0-6 6v10.535a6 6 0 0 0 12 0v-10.535a6 6 0 0 0-6-6ZM393.064 278.315a6 6 0 0 0-6 6v30a6 6 0 0 0 12 0v-30a6 6 0 0 0-6-6ZM393.064 208.315a6 6 0 0 0-6 6v30a6 6 0 0 0 12 0v-30a6 6 0 0 0-6-6ZM387.064 144.315v30a6 6 0 0 0 12 0v-30a6 6 0 0 0-12 0Z"
fill="url(#b)"
/>
<path
d="M153.064 303.583h-30a6 6 0 0 0 0 12h30a6 6 0 1 0 0-12Z"
fill="url(#c)"
/>
<path
d="M223.064 303.583h-30a6 6 0 0 0 0 12h30a6 6 0 1 0 0-12Z"
fill="url(#d)"
/>
<path
d="M293.064 303.583h-30a6 6 0 0 0 0 12h30a6 6 0 0 0 0-12Z"
fill="url(#e)"
/>
<path
d="M363.064 303.583h-30a6 6 0 0 0 0 12h30a6 6 0 0 0 0-12Z"
fill="url(#f)"
/>
</svg>
More icons in the same style and category