Add icons to this collection by clicking the heart icon.
Diagonal Arrows icon - also known as arrows, arrow, cross, expand, corners, diagonal, crossed, all directions, and diagonal arrows. Created in a clean flat style with a white, silver, gray, orange, and pink 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 32 32"
>
<path
fill="#ba68c8"
d="M6.588 22.604 22.6 6.591l2.806 2.806L9.394 25.41z"
/>
<path
fill="#ab47bc"
d="M7.99 24.007 24.003 7.993l1.403 1.403L9.392 25.409z"
/>
<path fill="#eee" d="m19.094 10.098 2.508-2.508 2.806 2.806-2.508 2.508z" />
<path
fill="#e0e0e0"
d="m20.497 11.502 2.508-2.508 1.402 1.403-2.507 2.507z"
/>
<path fill="#eee" d="m6.997 22.193 3.097-3.097 2.806 2.806-3.097 3.097z" />
<path fill="#e0e0e0" d="m8.4 23.596 3.097-3.097 1.403 1.403-3.097 3.096z" />
<path
fill="#ffa726"
d="M28 3H18a1 1 0 0 0-.707 1.707l10 10A1 1 0 0 0 29 14V4a1 1 0 0 0-1-1z"
/>
<path
fill="#ff9800"
d="M27.293 14.707A1 1 0 0 0 29 14V4a.997.997 0 0 0-.293-.707l-6.414 6.414z"
/>
<path
fill="#fb8c00"
d="M28 3a1 1 0 0 0-1 1v10a1 1 0 0 0 2 0V4a1 1 0 0 0-1-1z"
/>
<path fill="#ffcc80" d="M28 3H18a1 1 0 0 0 0 2h10a1 1 0 0 0 0-2z" />
<path
fill="#ba68c8"
d="M6.588 9.396 9.394 6.59l16.013 16.013-2.806 2.806z"
/>
<path
fill="#ab47bc"
d="M6.587 9.396 7.99 7.994l16.013 16.013L22.6 25.41z"
/>
<path fill="#eee" d="m19.093 21.903 2.806-2.806 2.508 2.508L21.6 24.41z" />
<path
fill="#e0e0e0"
d="m19.093 21.903 1.402-1.403 2.508 2.508L21.6 24.41z"
/>
<path fill="#eee" d="m6.998 9.807 2.806-2.806 3.097 3.097-2.806 2.806z" />
<path fill="#e0e0e0" d="M6.998 9.806 8.4 8.403l3.097 3.097-1.403 1.403z" />
<path
fill="#ffa726"
d="M29 28V18a1 1 0 0 0-1.707-.707l-10 10A1 1 0 0 0 18 29h10a1 1 0 0 0 1-1z"
/>
<path
fill="#ff9800"
d="M17.293 27.293A1 1 0 0 0 18 29h10a.997.997 0 0 0 .707-.293l-6.414-6.414z"
/>
<path
fill="#fb8c00"
d="M29 28a1 1 0 0 0-1-1H18a1 1 0 0 0 0 2h10a1 1 0 0 0 1-1z"
/>
<path fill="#ffcc80" d="M29 28V18a1 1 0 0 0-2 0v10a1 1 0 0 0 2 0z" />
<path
fill="#ffa726"
d="M4 3h10a1 1 0 0 1 .707 1.707l-10 10A1 1 0 0 1 3 14V4a1 1 0 0 1 1-1z"
/>
<path
fill="#ff9800"
d="M4.707 14.707A1 1 0 0 1 3 14V4a.997.997 0 0 1 .293-.707l6.414 6.414z"
/>
<path
fill="#fb8c00"
d="M4 3a1 1 0 0 1 1 1v10a1 1 0 0 1-2 0V4a1 1 0 0 1 1-1z"
/>
<path fill="#ffcc80" d="M4 3h10a1 1 0 0 1 0 2H4a1 1 0 0 1 0-2z" />
<path
fill="#ffa726"
d="M3 28V18a1 1 0 0 1 1.707-.707l10 10A1 1 0 0 1 14 29H4a1 1 0 0 1-1-1z"
/>
<path
fill="#ff9800"
d="M14.707 27.293A1 1 0 0 1 14 29H4a.997.997 0 0 1-.707-.293l6.414-6.414z"
/>
<path
fill="#fb8c00"
d="M3 28a1 1 0 0 1 1-1h10a1 1 0 0 1 0 2H4a1 1 0 0 1-1-1z"
/>
<path fill="#ffcc80" d="M3 28V18a1 1 0 0 1 2 0v10a1 1 0 0 1-2 0z" />
</svg>
More icons in the same style and category