Add icons to this collection by clicking the heart icon.
Navigation icon - also known as arrows, navigation, direction, two, and vertical. Created in a clean 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 32 32"
>
<defs>
<linearGradient
id="a"
x1="3"
x2="29"
y1="16"
y2="16"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#feda75" />
<stop offset=".091" stop-color="#fed16c" />
<stop offset=".242" stop-color="#fcb754" />
<stop offset=".433" stop-color="#fb8e2d" />
<stop offset=".5" stop-color="#fa7e1e" />
<stop offset="1" stop-color="#962fbf" />
</linearGradient>
</defs>
<path
d="M23.5 3h-15A5.507 5.507 0 0 0 3 8.5v15A5.507 5.507 0 0 0 8.5 29h15a5.507 5.507 0 0 0 5.5-5.5v-15A5.507 5.507 0 0 0 23.5 3ZM28 23.5a4.505 4.505 0 0 1-4.5 4.5h-15A4.505 4.505 0 0 1 4 23.5v-15A4.505 4.505 0 0 1 8.5 4h15A4.505 4.505 0 0 1 28 8.5ZM16.5 9.232v13.536l4.548-4.548a.5.5 0 0 1 .707.707l-5.4 5.4a.5.5 0 0 1-.163.108.487.487 0 0 1-.382 0 .5.5 0 0 1-.163-.108l-5.4-5.4a.5.5 0 0 1 .707-.707l4.546 4.548V9.232l-4.548 4.548a.5.5 0 1 1-.707-.707l5.4-5.4a.5.5 0 0 1 .708 0l5.4 5.4a.5.5 0 1 1-.707.707Z"
fill="url(#a)"
/>
</svg>
More icons in the same style and category