Add icons to this collection by clicking the heart icon.
Arrows icon - also known as arrows, navigate, direction, right arrow, right, and point. Created in a clean flat 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"
>
<linearGradient
id="a"
x1="256"
x2="256"
y1="512"
y2="0"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff94a9" />
<stop offset="1" stop-color="#f45190" />
</linearGradient>
<linearGradient
id="b"
x1="256"
x2="256"
y1="512"
y2="256"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff94a9" />
<stop offset=".835" stop-color="#f45190" />
</linearGradient>
<linearGradient
id="c"
x1="256"
x2="256"
y1="413.979"
y2="98.021"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#263886" />
<stop offset="1" stop-color="#0e203a" />
</linearGradient>
<linearGradient
id="d"
x1="178.061"
x2="302.823"
y1="318.381"
y2="193.619"
gradientTransform="rotate(-45 255.972 256.066)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" />
<stop offset=".201" stop-color="#f3f9f9" />
<stop offset=".696" stop-color="#dbecee" />
<stop offset="1" stop-color="#d2e7ea" />
</linearGradient>
<circle cx="256" cy="256" r="256" fill="url(#a)" />
<path
fill="url(#b)"
d="M413.979 256H98.021l29.747 221.606C165.475 499.473 209.273 512 256 512s90.525-12.527 128.232-34.394z"
/>
<circle cx="256" cy="256" r="157.979" fill="url(#c)" />
<path
fill="url(#d)"
d="M328.825 276.676a14.945 14.945 0 0 1-10.607 4.393c-8.285 0-15-6.715-15-15V208.78h-57.289c-8.284.001-15-6.715-15-15-.001-8.284 6.715-15 15-15h72.289a15 15 0 0 1 15 15v72.289a14.945 14.945 0 0 1-4.393 10.607zm-69.758 63.545v-72.289a15 15 0 0 0-15-15h-72.289c-8.284-.001-15 6.715-15 15s6.715 15 15 15h57.289v57.289c-.001 8.284 6.715 15 15 15 4.142 0 7.892-1.679 10.607-4.393a14.957 14.957 0 0 0 4.393-10.607z"
/>
</svg>
More icons in the same style and category