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">
<g fill="#955ba5">
<path
d="M53 0H31a5.01 5.01 0 0 0-4 2l-5 5a5.007 5.007 0 0 0 4 8h17v17a5.006 5.006 0 0 0 9 3l5-5a4.941 4.941 0 0 0 1-3V5a5 5 0 0 0-5-5z"
/>
<path
d="M32 21H10a5.01 5.01 0 0 0-4 2l-5 5a5.007 5.007 0 0 0 4 8h17v17a5.006 5.006 0 0 0 9 3l5-5a4.941 4.941 0 0 0 1-3V26a5 5 0 0 0-5-5zM58 5v22a4.941 4.941 0 0 1-1 3l-.99.99A5 5 0 0 1 48 27V10H31a5 5 0 0 1 0-10h22a5 5 0 0 1 5 5z"
/>
</g>
<path
fill="#5d4c72"
d="M48.1 27.99c-.143.014.434-.524-5.01 4.92-.129-.644-.09.654-.09-17.91l5-5c0 18.558-.042 17.339.1 17.99z"
/>
<path
fill="#894b9d"
d="M56.01 30.99 52 35a5 5 0 0 1-8.91-2.09c5.455-5.455 4.867-4.906 5.01-4.92a5 5 0 0 0 7.91 3zM48 10l-5 5c-18.419 0-17.266.039-17.91-.09L30 10c.023-.228-.11 0 1 0z"
/>
<path
fill="#5d4c72"
d="M30.01 9.9c-.014.143.536-.446-4.92 5.01A5 5 0 0 1 22 7l5-5a5 5 0 0 0 3.01 7.9z"
/>
<path
fill="#955ba5"
d="M37 26v22a4.941 4.941 0 0 1-1 3l-.99.99A5 5 0 0 1 27 48V31H10a5 5 0 0 1 0-10h22a5 5 0 0 1 5 5z"
/>
<path
fill="#5d4c72"
d="M27.1 48.99c-.143.014.434-.524-5.01 4.92-.129-.644-.09.654-.09-17.91l5-5c0 18.558-.042 17.339.1 17.99z"
/>
<path
fill="#894b9d"
d="m27 31-5 5c-18.419 0-17.266.039-17.91-.09L9 31c.023-.228-.11 0 1 0z"
/>
<path
fill="#5d4c72"
d="M9.01 30.9c-.014.143.536-.446-4.92 5.01A5 5 0 0 1 1 28l5-5a5 5 0 0 0 3.01 7.9z"
/>
<path
fill="#894b9d"
d="M35.01 51.99 31 56a5 5 0 0 1-8.91-2.09c5.455-5.455 4.867-4.906 5.01-4.92a5 5 0 0 0 7.91 3z"
/>
</g>
</svg>
More icons in the same style and category