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 gray 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="#955ba5"
d="M32 43H15V26a5 5 0 0 0-8.99-3.01l-4.02 4.02A4.987 4.987 0 0 0 0 31v22a5 5 0 0 0 5 5h22a4.941 4.941 0 0 0 3-1l5.01-5.01A5 5 0 0 0 32 43z"
/>
<path
fill="#955ba5"
d="M53 22H36V5a5 5 0 0 0-8.99-3.01l-4.02 4.02A4.987 4.987 0 0 0 21 10v22a5 5 0 0 0 5 5h22a4.941 4.941 0 0 0 3-1l5.01-5.01A5 5 0 0 0 53 22z"
/>
<path
fill="#5d4c72"
d="m7 52-5 5a5.01 5.01 0 0 1-2-4V31a4.941 4.941 0 0 1 1-3l5.01-5.01A5 5 0 0 0 5 26v22a5.01 5.01 0 0 0 2 4z"
/>
<path
fill="#955ba5"
d="m36 51-.01.01A5 5 0 0 1 32 53H10a5 5 0 0 1-5-5V26a5 5 0 0 1 10 0v17h17a5.007 5.007 0 0 1 4 8z"
/>
<path
fill="#894b9d"
d="m35.01 51.99-4.02 4.02A4.989 4.989 0 0 1 27 58H5a4.941 4.941 0 0 1-3-1l5-5a4.941 4.941 0 0 0 3 1h22a5 5 0 0 0 3.01-1.01z"
/>
<path
fill="#955ba5"
d="m57 30-.01.01A5 5 0 0 1 53 32H31a5 5 0 0 1-5-5V5a5 5 0 0 1 10 0v17h17a5.007 5.007 0 0 1 4 8z"
/>
<path
fill="#5d4c72"
d="m28 31-5 5a5.01 5.01 0 0 1-2-4V10a4.941 4.941 0 0 1 1-3l5.01-5.01A5 5 0 0 0 26 5v22a5.01 5.01 0 0 0 2 4z"
/>
<path
fill="#894b9d"
d="m56.01 30.99-4.02 4.02A4.989 4.989 0 0 1 48 37H26a4.941 4.941 0 0 1-3-1l5-5a4.941 4.941 0 0 0 3 1h22a5 5 0 0 0 3.01-1.01z"
/>
</g>
</svg>
More icons in the same style and category