Add icons to this collection by clicking the heart icon.
Diagonal Arrows icon - also known as arrows, orientation, set, directional, multimedia, multimedia option, diagonal arrows, and diagonal arrow. Created in a clean blue style with a white, silver, and blue 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="532"
height="532"
viewBox="0 -86 399.829 399"
>
<path
fill="#5c9eff"
d="m195.082 79.648 57.926-57.925L364.03 132.746l-57.926 57.926zm0 0"
/>
<path
fill="#0e65e5"
d="M306.113 197.496a6.787 6.787 0 0 1-4.824-2L190.262 84.473a6.814 6.814 0 0 1-2-4.825 6.83 6.83 0 0 1 2-4.828l57.925-57.925a6.828 6.828 0 0 1 9.653 0l111.027 111.027a6.823 6.823 0 0 1 0 9.652l-57.926 57.922a6.802 6.802 0 0 1-4.828 2zM204.738 79.648l101.375 101.368 48.274-48.27L253.012 31.375zm0 0"
/>
<path
fill="#94c1ff"
fill-rule="evenodd"
d="m393 219.637-125.504-9.657L383.348 94.13zm0 0"
/>
<path
fill="#0e65e5"
d="M393 226.46c-.172 0-.348-.007-.527-.023l-125.508-9.652a6.817 6.817 0 0 1-5.871-4.437 6.818 6.818 0 0 1 1.574-7.196L378.52 89.297a6.832 6.832 0 0 1 11.636 4.305l9.653 125.507a6.838 6.838 0 0 1-6.809 7.352zm-110.188-22.148 102.77 7.907-7.902-102.77zm0 0"
/>
<path
fill="#5c9eff"
d="m35.79 94.129 57.925-57.926 111.023 111.024-57.925 57.925zm0 0"
/>
<path
fill="#0e65e5"
d="M146.813 211.98a6.803 6.803 0 0 1-4.825-2L30.961 98.953a6.823 6.823 0 0 1 0-9.652l57.926-57.922a6.82 6.82 0 0 1 9.652 0l111.027 111.023a6.814 6.814 0 0 1 2 4.825 6.83 6.83 0 0 1-2 4.828l-57.925 57.925a6.812 6.812 0 0 1-4.828 2zM45.44 94.125 146.812 195.5l48.274-48.273L93.71 45.855zm0 0"
/>
<path
fill="#94c1ff"
fill-rule="evenodd"
d="m6.828 7.238 125.504 9.657L16.48 132.746zm0 0"
/>
<g fill="#0e65e5">
<path
d="M16.48 139.574a6.84 6.84 0 0 1-6.809-6.305L.02 7.767A6.84 6.84 0 0 1 2 2.414 6.809 6.809 0 0 1 7.355.434l125.504 9.652a6.818 6.818 0 0 1 5.875 4.437 6.827 6.827 0 0 1-1.574 7.2L21.305 137.574a6.804 6.804 0 0 1-4.825 2zM14.246 14.656l7.902 102.77 94.868-94.864zM335.074 103.777l19.309 19.309-57.926 57.926-19.309-19.309zm0 0"
/>
<path
d="M296.46 187.844a6.812 6.812 0 0 1-4.827-2l-19.313-19.305a6.83 6.83 0 0 1-2-4.828c0-1.809.72-3.547 2-4.824l57.926-57.926a6.82 6.82 0 0 1 9.652 0l19.309 19.305a6.828 6.828 0 0 1 0 9.652l-57.922 57.926a6.803 6.803 0 0 1-4.824 2zm-9.66-26.133 9.66 9.652 48.267-48.273-9.653-9.653zM103.371 45.855l19.309 19.31-57.926 57.925-19.309-19.309zm0 0"
/>
<path
d="M64.754 129.918a6.819 6.819 0 0 1-4.828-2L40.62 108.609a6.828 6.828 0 0 1 0-9.652l57.922-57.926a6.828 6.828 0 0 1 9.652 0l19.313 19.309a6.814 6.814 0 0 1 2 4.824 6.83 6.83 0 0 1-2 4.828l-57.926 57.926a6.819 6.819 0 0 1-4.828 2zm-9.656-26.133 9.656 9.653 48.273-48.274-9.66-9.652zm0 0"
/>
</g>
<path
fill="#fff"
d="M322.793 174.879a6.824 6.824 0 0 1-6.824-6.828v-27.305a6.822 6.822 0 0 1 6.824-6.828 6.825 6.825 0 0 1 6.828 6.828v27.305a6.828 6.828 0 0 1-6.828 6.828zm0 0"
/>
<path
fill="#fff"
d="M336.445 161.223h-27.304a6.824 6.824 0 0 1-6.829-6.825 6.828 6.828 0 0 1 6.829-6.828h27.304a6.828 6.828 0 0 1 6.828 6.828 6.824 6.824 0 0 1-6.828 6.825zm0 0"
/>
<path
fill="#0e65e5"
d="M131.648 113.438a6.812 6.812 0 0 1-4.828-2l-27.304-27.31a6.82 6.82 0 0 1 0-9.651 6.828 6.828 0 0 1 9.652 0l27.305 27.308a6.82 6.82 0 0 1 0 9.653 6.803 6.803 0 0 1-4.825 2zm0 0"
/>
</svg>
More icons in the same style and category