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 flat gradient style with a white 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="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>
<g fill="#fff">
<path
d="M52.06 76.94a1 1 0 0 1-.707-1.707l9.94-9.94a1 1 0 1 1 1.414 1.414l-9.939 9.94a.997.997 0 0 1-.708.293z"
/>
<path
d="M58 78h-7a1 1 0 0 1-1-1v-7a1 1 0 0 1 2 0v6h6a1 1 0 0 1 0 2zM66 63a1 1 0 0 1-.707-1.707l9.94-9.94a1 1 0 0 1 1.414 1.414l-9.94 9.94A.997.997 0 0 1 66 63z"
/>
<path
d="M77 59a1 1 0 0 1-1-1v-6h-6a1 1 0 0 1 0-2h7a1 1 0 0 1 1 1v7a1 1 0 0 1-1 1z"
/>
</g>
</svg>
More icons in the same style and category