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 lineal color style with a black, teal, and navy 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="#00bcd4"
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="#00838f"
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"
/>
<path
fill="#3f51b5"
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
fill="#02a9f4"
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.1z"
/>
<path
fill="#3f51b5"
d="m16.41 50.66-6.87 6.88a5.006 5.006 0 0 1-7.08-7.08l6.88-6.87a5 5 0 0 0 7.07 7.07z"
/>
<path
fill="#02a9f4"
d="M49.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"
/>
<path
fill="#283593"
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"
/>
<path
fill="#000"
d="M6 60a6 6 0 0 0 4.247-1.749L41.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-6H17a5.99 5.99 0 0 0-4.715 2.3S6.794 7.767 6.028 8.567a5.938 5.938 0 0 0 3.007 10.2c.81.152-1.014.107 23.61.107L1.751 49.754A6.008 6.008 0 0 0 6 60zm42-39.515c0 24.205-.014 22.626.028 23.073l-4.9 4.9v-23.1zm1.525 32.576a3.971 3.971 0 0 1-6.186-1.986l5.331-5.331a6 6 0 0 0 4.936 3.236zM54 2a4.012 4.012 0 0 1 4 4v37a4 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.592A1 1 0 0 0 41.929 10H17a4 4 0 1 1 0-8zM6.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.87zm-8.377 34.3 3.721-3.72a5.97 5.97 0 0 0 5.664 5.665l-3.718 3.716a4.006 4.006 0 0 1-5.667-5.664z"
/>
</g>
</svg>
More icons in the same style and category