Add icons to this collection by clicking the heart icon.
Diagonal Arrow icon - also known as arrows, arrow, direction, Trajectory, arrowhead, and diagonal arrow. 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">
<stop offset="0" stop-color="#cbf251" />
<stop offset="1" stop-color="#90b704" />
</linearGradient>
<linearGradient
id="b"
x1="525.39"
x2="525.39"
y1="-1298.366"
y2="-1810.366"
gradientTransform="matrix(-1 0 0 1 781.39 1810.366)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="255.711"
x2="255.711"
y1="512"
y2="206.672"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="454.067"
x2="610.856"
y1="-1483.043"
y2="-1639.831"
gradientTransform="scale(-1 1) rotate(-45 2320.351 294.083)"
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(#b)" />
<path
fill="url(#c)"
d="M366.241 341.824 188.387 206.672l-43.206 45.506 22.44 244.152C195.168 506.464 224.937 512 256 512c33.195 0 64.913-6.32 94.02-17.819z"
/>
<path
fill="url(#d)"
d="m170.07 141.482 92.108-6.3c11.02-.754 20.564 7.568 21.318 18.588s-7.569 20.564-18.589 21.318l-48.236 3.299 144.336 144.336c7.811 7.811 7.811 20.474 0 28.284-7.811 7.811-20.474 7.811-28.284 0L188.387 206.672l-3.299 48.236c-.754 11.02-10.298 19.342-21.318 18.588a19.922 19.922 0 0 1-12.772-5.805 19.955 19.955 0 0 1-5.817-15.513l6.3-92.108c.683-9.97 8.619-17.906 18.589-18.588z"
/>
</svg>
More icons in the same style and category