Add icons to this collection by clicking the heart icon.
Diagonal Arrows icon - also known as arrows, orientation, 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="-86 0 399 399.831"
>
<path
fill="#5c9eff"
d="M36.203 306.113 147.23 195.09l57.926 57.926L94.13 364.039zm0 0"
/>
<path
fill="#0e65e5"
d="M94.137 370.867a6.808 6.808 0 0 1-4.825-2l-57.93-57.926a6.84 6.84 0 0 1-2-4.828c0-1.808.723-3.543 2-4.824L142.41 190.266a6.823 6.823 0 0 1 9.656 0l57.918 57.925a6.82 6.82 0 0 1 0 9.653L98.964 368.867a6.823 6.823 0 0 1-4.827 2zm-48.274-64.754 48.274 48.274L195.504 253.02l-48.266-48.274zm0 0"
/>
<path
fill="#94c1ff"
fill-rule="evenodd"
d="M7.246 393.004 16.898 267.5l115.856 115.852zm0 0"
/>
<path
fill="#0e65e5"
d="M7.242 399.832a6.824 6.824 0 0 1-6.805-7.352l9.653-125.507a6.827 6.827 0 0 1 11.633-4.301l115.855 115.851a6.825 6.825 0 0 1 1.57 7.2 6.819 6.819 0 0 1-5.87 4.437L7.77 399.812c-.18.012-.352.02-.528.02zm15.32-117.012-7.898 102.766 102.766-7.902zm0 0"
/>
<path
fill="#5c9eff"
d="M21.723 146.82 132.746 35.797l57.926 57.926L79.648 204.746zm0 0"
/>
<g fill="#0e65e5">
<path
d="M79.648 211.57a6.808 6.808 0 0 1-4.824-2l-57.922-57.925a6.82 6.82 0 0 1 0-9.653L127.922 30.97c2.558-2.563 7.094-2.563 9.652 0L195.5 88.895c1.281 1.277 2 3.015 2 4.824s-.719 3.547-2 4.828L84.473 209.57a6.8 6.8 0 0 1-4.825 2zm-48.265-64.754 48.265 48.274L181.023 93.723 132.75 45.449zm0 0"
/>
<path
d="m103.785 64.758 19.309-19.309 57.926 57.926-19.31 19.309zm0 0"
/>
<path
d="M161.715 129.512a6.824 6.824 0 0 1-4.824-2L98.965 69.586a6.825 6.825 0 0 1 0-9.656L118.27 40.62c2.558-2.559 7.093-2.559 9.652 0l57.926 57.926a6.825 6.825 0 0 1 0 9.656l-19.305 19.309a6.833 6.833 0 0 1-4.828 2zM113.44 64.758l48.274 48.273 9.652-9.656-48.27-48.273zM45.86 296.46l19.308-19.308 57.922 57.926-19.305 19.309zm0 0"
/>
<path
d="M103.79 361.215a6.808 6.808 0 0 1-4.825-2l-57.926-57.926a6.82 6.82 0 0 1 0-9.652l19.305-19.309c2.558-2.562 7.093-2.562 9.652 0l57.926 57.926a6.82 6.82 0 0 1 0 9.652l-19.305 19.309a6.823 6.823 0 0 1-4.828 2zM55.515 296.46l48.273 48.273 9.652-9.656-48.273-48.273zm0 0"
/>
</g>
<path
fill="#94c1ff"
fill-rule="evenodd"
d="M219.64 6.832 94.134 16.484l115.855 115.852zm0 0"
/>
<path
fill="#0e65e5"
d="M209.988 139.164a6.804 6.804 0 0 1-4.824-2L89.31 21.313a6.829 6.829 0 0 1 4.3-11.637L219.113.023c2.028-.171 3.942.57 5.356 1.98a6.84 6.84 0 0 1 1.98 5.352l-9.652 125.504a6.839 6.839 0 0 1-4.442 5.883 6.894 6.894 0 0 1-2.367.422zM109.457 22.152l94.867 94.864 7.899-102.77zm0 0"
/>
<path
fill="#fff"
d="M79.309 363.758a6.824 6.824 0 0 1-6.825-6.828v-27.305a6.828 6.828 0 1 1 13.652 0v27.305a6.828 6.828 0 0 1-6.827 6.828zm0 0"
/>
<path
fill="#fff"
d="M92.96 350.105H65.657a6.828 6.828 0 0 1-6.828-6.828 6.828 6.828 0 0 1 6.828-6.828h27.305a6.828 6.828 0 0 1 6.828 6.828 6.828 6.828 0 0 1-6.828 6.828zm0 0"
/>
<path
fill="#0e65e5"
d="M116.855 141.89a6.803 6.803 0 0 1-4.824-2 6.82 6.82 0 0 1 0-9.652L142.75 99.52a6.82 6.82 0 0 1 9.652 0 6.82 6.82 0 0 1 0 9.652l-30.718 30.719a6.796 6.796 0 0 1-4.829 2zm0 0"
/>
</svg>
More icons in the same style and category