Add icons to this collection by clicking the heart icon.
Diagonal Arrow icon - also known as interface, arrows, arrow, button, diagonal arrow, and direction arrow. Created in a clean lineal color 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 128 128"
>
<linearGradient
id="a"
x1="37.837"
x2="90.163"
y1="37.837"
y2="90.163"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f09819" />
<stop offset="1" stop-color="#ff5858" />
</linearGradient>
<linearGradient
id="b"
x1="64"
x2="64"
y1="27"
y2="101"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ee9440" stop-opacity="0" />
<stop offset="1" stop-color="#cd3458" stop-opacity=".6" />
</linearGradient>
<g>
<circle cx="64" cy="64" r="37" fill="url(#a)" />
<circle cx="64" cy="64" r="37" fill="url(#b)" />
</g>
<path
d="M64 102a38 38 0 1 1 38-38 38.043 38.043 0 0 1-38 38zm0-74a36 36 0 1 0 36 36 36.04 36.04 0 0 0-36-36z"
/>
<g>
<path
d="M62 63a.997.997 0 0 1-.707-.293l-9.94-9.94a1 1 0 0 1 1.414-1.414l9.94 9.94A1 1 0 0 1 62 63z"
/>
<path
d="M51 59a1 1 0 0 1-1-1v-7a1 1 0 0 1 1-1h7a1 1 0 0 1 0 2h-6v6a1 1 0 0 1-1 1zM75.94 76.94a.997.997 0 0 1-.707-.293l-9.94-9.94a1 1 0 0 1 1.414-1.414l9.94 9.94a1 1 0 0 1-.707 1.707z"
/>
<path d="M77 78h-7a1 1 0 0 1 0-2h6v-6a1 1 0 0 1 2 0v7a1 1 0 0 1-1 1z" />
</g>
</svg>
More icons in the same style and category