Add icons to this collection by clicking the heart icon.
Diagonal Arrow icon - also known as arrows, direction, up, sign, top, directional sign, up left, diagonal arrow, and top left. 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 512 512"
>
<linearGradient
id="a"
x1="256"
x2="256"
y1="512"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#5cc4bb" />
<stop offset=".097" stop-color="#50c1c0" />
<stop offset=".501" stop-color="#25b4d2" />
<stop offset=".815" stop-color="#0aacde" />
<stop offset="1" stop-color="#00a9e2" />
</linearGradient>
<path
fill="url(#a)"
d="M406 122H144.627l272.686 272.687a16 16 0 1 1-22.627 22.626L122 144.627V406a16 16 0 0 1-32 0V106a16 16 0 0 1 16-16h300a16 16 0 0 1 0 32zm106-50.229v368.458A71.852 71.852 0 0 1 440.229 512H71.771A71.852 71.852 0 0 1 0 440.229V71.771A71.852 71.852 0 0 1 71.771 0h368.458A71.852 71.852 0 0 1 512 71.771zm-32 0A39.816 39.816 0 0 0 440.229 32H71.771A39.816 39.816 0 0 0 32 71.771v368.458A39.816 39.816 0 0 0 71.771 480h368.458A39.816 39.816 0 0 0 480 440.229z"
/>
</svg>
More icons in the same style and category