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 blue style with a white, silver, and 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 60 60"
>
<g fill="none">
<path
fill="#955ba5"
d="M33 44H16V27a5 5 0 0 0-5-5 4.941 4.941 0 0 0-3 1l-.01.01c-.37.28-.7.61-.98.98l-4.02 4.02c-.37.28-.7.61-.98.98L2 29a4.941 4.941 0 0 0-1 3v22a5.01 5.01 0 0 0 2 4 4.941 4.941 0 0 0 3 1h22a4.941 4.941 0 0 0 3-1l.01-.01c.37-.28.7-.61.98-.98l4.02-4.02c.37-.28.7-.61.98-.98L37 52a4.941 4.941 0 0 0 1-3 5 5 0 0 0-5-5z"
/>
<path
fill="#955ba5"
d="M54 23H37V6a5 5 0 0 0-5-5 4.941 4.941 0 0 0-3 1l-.01.01c-.37.28-.7.61-.98.98l-4.02 4.02c-.37.28-.7.61-.98.98L23 8a4.941 4.941 0 0 0-1 3v22a5.01 5.01 0 0 0 2 4 4.941 4.941 0 0 0 3 1h22a4.941 4.941 0 0 0 3-1l.01-.01c.37-.28.7-.61.98-.98l4.02-4.02c.37-.28.7-.61.98-.98L58 31a4.941 4.941 0 0 0 1-3 5 5 0 0 0-5-5z"
/>
<path
fill="#a4c2f7"
d="m8 53-5 5a5.01 5.01 0 0 1-2-4V32a4.941 4.941 0 0 1 1-3l.01-.01c.28-.37.61-.7.98-.98l4.02-4.02A5 5 0 0 0 6 27v22a5.01 5.01 0 0 0 2 4z"
/>
<path
fill="#cad9fc"
d="M38 49a4.941 4.941 0 0 1-1 3l-.01.01A5 5 0 0 1 33 54H11a4.941 4.941 0 0 1-3-1 5.01 5.01 0 0 1-2-4V27a5 5 0 0 1 1.99-3.99L8 23a5.051 5.051 0 0 1 3-1 5 5 0 0 1 5 5v17h17a5 5 0 0 1 5 5z"
/>
<path
fill="#e8edfc"
d="M35 49a4.941 4.941 0 0 1-1 3l-.01.01A5 5 0 0 1 30 54H11a4.941 4.941 0 0 1-3-1 5.01 5.01 0 0 1-2-4V27a5 5 0 0 1 1.99-3.99L8 23a4.9 4.9 0 0 1 1.51-.77A5 5 0 0 1 13 27v17h17a5 5 0 0 1 5 5z"
/>
<path
fill="#a4c2f7"
d="m36.01 52.99-4.02 4.02c-.28.37-.61.7-.98.98L31 58a4.941 4.941 0 0 1-3 1H6a4.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="#7facfa"
d="M33 54h-1l-3.01 3.01c-.28.37-.61.7-.98.98L28 58a4.941 4.941 0 0 1-3 1h3a4.941 4.941 0 0 0 3-1l.01-.01c.37-.28.7-.61.98-.98l4.02-4.02A5 5 0 0 1 33 54z"
/>
<path
fill="#cad9fc"
d="M59 28a4.941 4.941 0 0 1-1 3l-.01.01A5 5 0 0 1 54 33H32a4.941 4.941 0 0 1-3-1 5.01 5.01 0 0 1-2-4V6a5 5 0 0 1 1.99-3.99L29 2a5.051 5.051 0 0 1 3-1 5 5 0 0 1 5 5v17h17a5 5 0 0 1 5 5z"
/>
<path
fill="#e8edfc"
d="M56 28a4.941 4.941 0 0 1-1 3l-.01.01A5 5 0 0 1 51 33H32a4.941 4.941 0 0 1-3-1 5.01 5.01 0 0 1-2-4V6a5 5 0 0 1 1.99-3.99L29 2a4.9 4.9 0 0 1 1.51-.77A5 5 0 0 1 34 6v17h17a5 5 0 0 1 5 5z"
/>
<path
fill="#a4c2f7"
d="m29 32-5 5a5.01 5.01 0 0 1-2-4V11a4.941 4.941 0 0 1 1-3l.01-.01c.28-.37.61-.7.98-.98l4.02-4.02A5 5 0 0 0 27 6v22a5.01 5.01 0 0 0 2 4z"
/>
<path
fill="#a4c2f7"
d="m57.01 31.99-4.02 4.02c-.28.37-.61.7-.98.98L52 37a4.941 4.941 0 0 1-3 1H27a4.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="#7facfa"
d="M54 33h-1l-3.01 3.01c-.28.37-.61.7-.98.98L49 37a4.941 4.941 0 0 1-3 1h3a4.941 4.941 0 0 0 3-1l.01-.01c.37-.28.7-.61.98-.98l4.02-4.02A5 5 0 0 1 54 33z"
/>
<path
fill="#fff"
d="M4 54V32a4.941 4.941 0 0 1 1-3l5.01-5.01a4.993 4.993 0 0 1 2.456-1.746A4.947 4.947 0 0 0 7.01 23.99l-4.02 4.02A4.987 4.987 0 0 0 1 32v22a5 5 0 0 0 5 5h3a5 5 0 0 1-5-5z"
/>
<path fill="#fff" d="M0 46h2v8H0z" />
<g fill="#428dff">
<path
d="M33 43H17V27a6 6 0 0 0-10.713-3.7L2.33 27.256A5.948 5.948 0 0 0 0 32v14a1 1 0 0 0 2 0V32a3.909 3.909 0 0 1 .807-2.406c.259-.329.558-.623.89-.877l1.3-1.3V49c0 1.49.558 2.924 1.562 4.024L2.98 56.606A4.021 4.021 0 0 1 2 54a1 1 0 0 0-2 0 6.007 6.007 0 0 0 6 6h22a5.948 5.948 0 0 0 4.744-2.329l3.956-3.958A6 6 0 0 0 33 43zM11 23a4 4 0 0 1 4 4v17a1 1 0 0 0 1 1h17a4 4 0 1 1 0 8H11a4 4 0 0 1-4-4V27a4 4 0 0 1 4-4zm20.283 33.3a4.991 4.991 0 0 1-.877.89c-.69.53-1.536.815-2.406.81-23.95 0-22.4.1-23.348-.238l3.488-3.488c.878.478 1.86.727 2.86.726h21.586z"
/>
<path
d="M1.02 51a1 1 0 1 1 0-2 1 1 0 0 1 0 2zM54 22H38V6a6 6 0 0 0-10.713-3.7L23.33 6.256A5.948 5.948 0 0 0 21 11v22a6.007 6.007 0 0 0 6 6h22a5.948 5.948 0 0 0 4.744-2.329l3.956-3.958A6 6 0 0 0 54 22zM32 2a4 4 0 0 1 4 4v17a1 1 0 0 0 1 1h17a4 4 0 1 1 0 8H32a4 4 0 0 1-4-4V6a4 4 0 0 1 4-4zm-9 9a3.909 3.909 0 0 1 .807-2.406c.259-.329.558-.623.89-.877l1.3-1.3V28c0 1.49.558 2.924 1.562 4.024l-3.579 3.582A4.021 4.021 0 0 1 23 33zm29.283 24.3a4.991 4.991 0 0 1-.877.89c-.69.53-1.536.815-2.406.81-23.95 0-22.4.1-23.348-.238l3.488-3.488c.878.478 1.86.727 2.86.726h21.586z"
/>
</g>
</g>
</svg>
More icons in the same style and category