Add icons to this collection by clicking the heart icon.
Diagonal Arrow icon - also known as arrows, arrow, direction, orientation, and diagonal arrow. Created in a clean flat style with a teal 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 58 58"
>
<g fill="none">
<path
fill="#2fa8cc"
d="m56.2 12.16.01-.01-6.6-6.61a5.006 5.006 0 0 0-8.52 3.29c-.047.374-.03 6.213-.03 25.14L8.56 1.49a5 5 0 0 0-7.07 7.07l32.48 32.5c-26.574 0-24.891-.022-25.14.04a4.987 4.987 0 0 0-3 8.77l6.73 6.76A4.932 4.932 0 0 0 16 57.97c43.235 0 33.512.028 37.09-.05a4.964 4.964 0 0 0 4.69-3.81c.279-.837.19 1.259.19-38.11a4.94 4.94 0 0 0-1.77-3.84z"
/>
<path
fill="#2980ba"
d="M48.04 15.75c-.069.311-.04-1.741-.04 25.15l-6.94-6.93c0-18.927-.017-24.766.03-25.14.1 0-.324-.375 6.95 6.92zM15.49 8.42a5 5 0 0 0-7.07 7.07L1.49 8.56a5 5 0 0 1 7.07-7.07z"
/>
<path
fill="#3b97d3"
d="M40.9 48c-26.791 0-24.845-.025-25.16.045L8.83 41.1c.245-.061-1.554-.04 25.14-.04z"
/>
<path
fill="#2980ba"
d="m12.48 56.55-6.65-6.68c-3.549-3.018-1.244-8.77 3-8.77l6.91 6.94a4.991 4.991 0 0 0-3.26 8.51z"
/>
<path
fill="#3b97d3"
d="m56.21 12.15-.01.01a4.994 4.994 0 0 0-8.16 3.59c-7.28-7.3-6.85-6.92-6.95-6.92a5.006 5.006 0 0 1 8.52-3.29z"
/>
</g>
</svg>
More icons in the same style and category