Add icons to this collection by clicking the heart icon.
Diagonal Arrow icon - also known as arrows, resize, shapes and symbols, and diagonal arrow. 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">
<stop offset="0" stop-color="#2e3192" />
<stop offset="1" stop-color="#ef4136" />
</linearGradient>
<linearGradient
id="b"
x1="23"
x2="488.027"
y1="256"
y2="256"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="23"
x2="488.026"
y1="256"
y2="256"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="23.001"
x2="488.028"
y1="134.557"
y2="134.557"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="23.001"
x2="488.028"
y1="183.088"
y2="183.088"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="23"
x2="488.027"
y1="377.443"
y2="377.443"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="23"
x2="488.027"
y1="328.912"
y2="328.912"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M256 483.82c-60.85 0-118.06-23.698-161.091-66.729C51.878 374.061 28.18 316.851 28.18 256c0-60.85 23.698-118.06 66.729-161.091S195.15 28.18 256 28.18c60.851 0 118.061 23.698 161.091 66.729C460.122 137.94 483.82 195.15 483.82 256c0 60.851-23.698 118.061-66.729 161.091-43.03 43.031-100.24 66.729-161.091 66.729zm0-445.64C135.894 38.18 38.18 135.894 38.18 256S135.894 473.82 256 473.82 473.82 376.106 473.82 256 376.106 38.18 256 38.18z"
/>
<path
fill="url(#c)"
d="M134.557 382.443a4.998 4.998 0 0 1-3.536-8.535l242.887-242.887a5 5 0 0 1 7.07 7.071L138.092 380.979a4.984 4.984 0 0 1-3.535 1.464z"
/>
<path
fill="url(#d)"
d="M377.443 139.557H280.38a5 5 0 1 1 0-10h97.063a5 5 0 1 1 0 10z"
/>
<path
fill="url(#e)"
d="M377.443 236.619a5 5 0 0 1-5-5v-97.063a5 5 0 1 1 10 0v97.063a5 5 0 0 1-5 5z"
/>
<path
fill="url(#f)"
d="M231.619 382.443h-97.063a5 5 0 1 1 0-10h97.063a5 5 0 1 1 0 10z"
/>
<path
fill="url(#g)"
d="M134.557 382.443a5 5 0 0 1-5-5V280.38a5 5 0 1 1 10 0v97.063a5 5 0 0 1-5 5z"
/>
</svg>
More icons in the same style and category