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 60 60"
>
<g fill="none">
<path
fill="#e8edfc"
d="M58.91 5.1a4.881 4.881 0 0 0-1.98-3.14C54.835.651 58.017 1 17 1a4.965 4.965 0 0 0-3.99 1.99c-5.358 5.358-5.238 5.2-6.26 6.27a4.956 4.956 0 0 0 3.38 8.61h24.93C5.12 47.81 11.725 41.209 2.46 50.46a5.006 5.006 0 0 0 7.08 7.08c9.178-9.191 2.394-2.4 32.59-32.6v24.93a5 5 0 0 0 8.06 3.94L57 47a5.01 5.01 0 0 0 2-4c0-39.995.045-37.116-.09-37.9z"
/>
<path
fill="#cad9fc"
d="M58.91 5.1a4.881 4.881 0 0 0-1.98-3.14 4.95 4.95 0 0 0-2.78-.94A.772.772 0 0 0 54 1c-3.532 0-3.062-.022-2.85.02a4.949 4.949 0 0 1 4.7 3.81c.215.97.15-2.473.15 38.17a5.01 5.01 0 0 1-2 4l-6.81 6.81c-.463.365-.99.642-1.552.817a4.882 4.882 0 0 0 4.552-.817L57 47a5.01 5.01 0 0 0 2-4c0-39.995.045-37.116-.09-37.9z"
/>
<g fill="#a4c2f7">
<path
d="M16.01 10.9 16 11l-6.78 6.78a4.963 4.963 0 0 1-2.63-1.37 5.022 5.022 0 0 1-1.46-3.54 5.219 5.219 0 0 1 1.62-3.61C7.85 8.11 9 7 10.13 5.87l2.88-2.88a4.988 4.988 0 0 0 3 7.91z"
/>
<path
d="m41.93 11-6.87 6.87H10.13a4.6 4.6 0 0 1-.91-.09L16 11l.01-.1c.325.069.657.102.99.1zM16.41 50.66l-6.87 6.88a5.006 5.006 0 0 1-7.08-7.08l6.88-6.87a5 5 0 0 0 7.07 7.07zM49.1 43.99 49 44l-6.78 6.78a4.6 4.6 0 0 1-.09-.91V24.94L49 18.07V43c-.002.333.031.665.1.99z"
/>
</g>
<path
fill="#7facfa"
d="m57 47-6.81 6.81a4.967 4.967 0 0 1-5.89.18 4.959 4.959 0 0 1-2.08-3.21l5.19-5.19L49 44l.1-.01a4.978 4.978 0 0 0 2.07 3.13c.377.26.788.468 1.22.62A5.03 5.03 0 0 0 54 48a4.941 4.941 0 0 0 3-1z"
/>
<g fill="#fff">
<path
d="M8.44 58.75a4.983 4.983 0 0 1-2.04-8.29c9.191-9.178 2.4-2.394 32.6-32.59h-3C6.06 47.81 12.665 41.209 3.4 50.46a4.989 4.989 0 0 0 5.04 8.29zM9.22 17.78c1.298.15 2.607.18 3.91.09a4.954 4.954 0 0 1-3.38-8.61c.995-1.04.508-.518 7.25-7.26a4.941 4.941 0 0 1 3-1h-3a4.941 4.941 0 0 0-3 1l-3.87 3.87c-3.167 3.167-5 4.5-5 7a4.976 4.976 0 0 0 4.09 4.91z"
/>
</g>
<path
fill="#fff"
d="m1.853 49.653 1.416 1.413a4.025 4.025 0 0 0-.1 5.769l-1.418 1.41a6.024 6.024 0 0 1 .102-8.592z"
/>
<g fill="#428dff">
<path
d="M54 0H17a5.99 5.99 0 0 0-4.715 2.3C6.351 8.223 6.824 7.735 6.028 8.567a5.95 5.95 0 0 0 4.1 10.3h22.517L1.853 49.653a.964.964 0 0 0 .787 1.67c.529-.033.121.25 4.248-3.875a5.969 5.969 0 0 0 5.664 5.664l-3.718 3.719a4.025 4.025 0 0 1-5.668 0 1 1 0 0 0-1.412 1.418 6.033 6.033 0 0 0 8.493 0L41.13 27.355c0 23.919-.049 22.788.108 23.611a5.991 5.991 0 0 0 9.575 3.626c.1-.081-.153.162 6.886-6.877A5.988 5.988 0 0 0 60 43V6a6.013 6.013 0 0 0-6-6zM6.13 12.87a4.22 4.22 0 0 1 1.343-2.919c.89-.93 1.4-1.422 3.546-3.561a5.966 5.966 0 0 0 3.234 4.943l-5.336 5.335A3.933 3.933 0 0 1 6.13 12.87zm5.414 4 4.9-4.9c.435.04-1.472.027 23.074.027l-4.87 4.87zM48 20.485c0 24.205-.014 22.626.028 23.073l-4.9 4.9v-23.1zm1.525 32.576a3.97 3.97 0 0 1-6.186-1.986l5.331-5.331a6 6 0 0 0 4.936 3.236zM58 43a4 4 0 1 1-8 0V18.071a1 1 0 0 0-1.708-.707L15.7 49.956a4 4 0 1 1-5.656-5.656l32.592-32.591A1 1 0 0 0 41.929 10H17a4 4 0 1 1 0-8h37a4.012 4.012 0 0 1 4 4z"
/>
<path d="M1.084 54.924a1 1 0 1 0-.195-1.99 1 1 0 0 0 .195 1.99z" />
</g>
</g>
</svg>
More icons in the same style and category