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 and silver 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 61 50"
>
<g fill="none">
<path
fill="#e8edfc"
d="M60 20.24v14a1 1 0 0 1-1 1c-24 0-22.3.1-22.68-.23l5.85-3.65C-.187 7.049 2.24 8.559 2 8.16l10.98-6.84A.963.963 0 0 1 14 1.3c25.567 14.671 19.064 10.935 39.78 22.82 4.663-2.911 3.805-2.371 6.22-3.88z"
/>
<path
fill="#cad9fc"
d="M57 22.111V34.24a1 1 0 0 1-1 1c-7.76 0-12.823.011-16.148.015 2.967 0 8.549-.015 19.148-.015a1 1 0 0 0 1-1v-14c-1.577.986-1.765 1.102-3 1.871z"
/>
<path
fill="#a4c2f7"
d="M60 34.24V48a1 1 0 0 1-1 1H36.95a.94.94 0 0 1-.63-.23V35.01a.94.94 0 0 0 .63.23H59a1 1 0 0 0 1-1z"
/>
<g fill="#7facfa">
<path
d="M59 35.24h-2V48a1 1 0 0 1-1 1h3a1 1 0 0 0 1-1V34.24a1 1 0 0 1-1 1zM42.17 31.36l-5.85 3.65v6.75l-.37-.21L2.37 22.29a1.01 1.01 0 0 1-.37-.37V8.16c.089.154.216.281.37.37l33.58 19.26z"
/>
</g>
<path
fill="#fff"
d="M2.37 21.29c.714.409 33.371 19.141 33.95 19.47v7.01c.347.307.388.23 3.63.23a.94.94 0 0 1-.63-.23v-7.01C39.218 40.7 5.25 21.337 5 20.92V7.16L15.047.9 14 .3a.963.963 0 0 0-1.02.02L2 7.16v13.76c.089.154.216.281.37.37z"
/>
<path fill="#fff" d="m1.866 23.17.996-1.735 6.936 3.984-.996 1.734z" />
<g fill="#428dff">
<path d="M5.859 25.28a1 1 0 1 1 0-2 1 1 0 0 1 0 2z" />
<path
d="m59.471 19.391-5.716 3.564L14.5.431a2 2 0 0 0-2.055.037L1.471 7.312A1 1 0 0 0 1 8.16c0 15.021-.063 13.933.143 14.274.626 1.047 1.679 1.091 2.1.339A1.008 1.008 0 0 0 3 21.5V10.043L40.223 31.4c-4.851 3.025-4.5 2.787-4.646 2.945-.368.408-.26.58-.26 5.691L9.807 25.4a1.001 1.001 0 1 0-1 1.735l26.505 15.2v6.435c0 .77.872 1.23 1.633 1.23H59a2 2 0 0 0 2-2V20.24a1 1 0 0 0-1.529-.849zm-16.8 11.1L3.817 8.206l9.69-6.041 39.771 22.822a1 1 0 0 0 1.028-.018L59 22.042v12.2l-19.586.017 3.286-2.051a1 1 0 0 0-.032-1.715zM59 48l-21.683.02V36.24H59z"
/>
<path
d="M49 27a1 1 0 0 0 .5-1.868l-23-13.143a1 1 0 0 0-.992 1.736C50.335 27.914 48.59 27 49 27zM20.5 8.561l-6-3.429a1 1 0 1 0-.992 1.736l6 3.429a1 1 0 0 0 .992-1.736z"
/>
</g>
</g>
</svg>
More icons in the same style and category