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, silver, and gray 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="#955ba5"
d="M54 1H32a5.01 5.01 0 0 0-4 2l-5 5a4.994 4.994 0 0 0 3.09 7.91c.3.06.604.09.91.09h17v17c0 .306.03.61.09.91A5 5 0 0 0 53 36l4.01-4.01L58 31a4.941 4.941 0 0 0 1-3V6a5 5 0 0 0-5-5z"
/>
<path
fill="#955ba5"
d="M33 22H11a5.01 5.01 0 0 0-4 2l-5 5a4.994 4.994 0 0 0 3.09 7.91c.3.06.604.09.91.09h17v17c0 .306.03.61.09.91A5 5 0 0 0 32 57l4.01-4.01L37 52a4.941 4.941 0 0 0 1-3V27a5 5 0 0 0-5-5z"
/>
<path
fill="#cad9fc"
d="M59 6v22a4.941 4.941 0 0 1-1 3l-.99.99a4.993 4.993 0 0 1-7.91-3A4.619 4.619 0 0 1 49 28V11H32a4.619 4.619 0 0 1-.99-.1A5 5 0 0 1 27 6a4.941 4.941 0 0 1 1-3 5.01 5.01 0 0 1 4-2h22a5 5 0 0 1 5 5z"
/>
<path
fill="#e8edfc"
d="M56 6v22a4.941 4.941 0 0 1-1 3l-.99.99a4.867 4.867 0 0 1-1.52.78A5.014 5.014 0 0 1 49 28V11H32a4.619 4.619 0 0 1-.99-.1A5 5 0 0 1 27 6a4.941 4.941 0 0 1 1-3 5.01 5.01 0 0 1 4-2h19a5 5 0 0 1 5 5z"
/>
<path
fill="#a4c2f7"
d="M49.1 28.99 49 29l-4.91 4.91A4.6 4.6 0 0 1 44 33V16l5-5v17c-.002.333.031.665.1.99z"
/>
<path
fill="#7facfa"
d="M57.01 31.99 53 36a5 5 0 0 1-6.99 1.01H46a5.047 5.047 0 0 1-1.91-3.1l3.38-3.38L49 29l.1-.01a5.009 5.009 0 0 0 1.92 3.02c.394.29.824.525 1.28.7a5.037 5.037 0 0 0 4.71-.72z"
/>
<path
fill="#a4c2f7"
d="m49 11-5 5H27a4.6 4.6 0 0 1-.91-.09L31 11l.01-.1c.325.069.657.102.99.1z"
/>
<path
fill="#a4c2f7"
d="M31.01 10.9 31 11l-4.91 4.91A4.994 4.994 0 0 1 23 8l5-5a4.941 4.941 0 0 0-1 3 5 5 0 0 0 4.01 4.9z"
/>
<path
fill="#e8edfc"
d="M38 27v22a4.941 4.941 0 0 1-1 3l-.99.99A5 5 0 0 1 28 49V32H11a4.619 4.619 0 0 1-.99-.1A5 5 0 0 1 6 27a4.941 4.941 0 0 1 1-3 5.01 5.01 0 0 1 4-2h22a5 5 0 0 1 5 5z"
/>
<g fill="#a4c2f7">
<path
d="M28.1 49.99 28 50l-4.91 4.91A4.6 4.6 0 0 1 23 54V37l5-5v17c-.002.333.031.665.1.99z"
/>
<path
d="m28 32-5 5H6a4.6 4.6 0 0 1-.91-.09L10 32l.01-.1c.325.069.657.102.99.1z"
/>
<path
d="M10.01 31.9 10 32l-4.91 4.91A4.994 4.994 0 0 1 2 29l5-5a4.941 4.941 0 0 0-1 3 5 5 0 0 0 4.01 4.9zM36.01 52.99 32 57a5 5 0 0 1-8.91-2.09L28 50l.1-.01a5 5 0 0 0 7.91 3z"
/>
</g>
<g fill="#fff">
<path
d="M26.09 54.91c-.134-.671-.09.784-.09-19.91l-3 2v17a4.99 4.99 0 0 0 6.51 4.758 4.976 4.976 0 0 1-3.42-3.848zM5 29l5-5a5.01 5.01 0 0 1 4-2h-3a5.01 5.01 0 0 0-4 2l-5 5a5 5 0 0 0 3.09 7.91c1.298.15 2.607.18 3.91.09a5.008 5.008 0 0 1-4-8z"
/>
</g>
<path fill="#fff" d="M6 36h8v2H6z" />
<g fill="#428dff">
<path
d="M54 0H32a5.987 5.987 0 0 0-4.713 2.3L23.33 6.256A5.948 5.948 0 0 0 21 11a6.028 6.028 0 0 0 6 6h16v16a6 6 0 0 0 10.754 3.66l3.946-3.947A5.987 5.987 0 0 0 60 28V6a6.006 6.006 0 0 0-6-6zM32 2h22a4 4 0 0 1 4 4v22a3.961 3.961 0 0 1-.849 2.435l-.716.716A3.987 3.987 0 0 1 50 28V11a1 1 0 0 0-.618-.923C49.1 9.959 50.111 10 32 10a4 4 0 1 1 0-8zm13 29.586V16.414l3-3c0 15.921-.012 14.708.028 15.144zM23.807 8.594c.259-.329.558-.623.89-.877l1.323-1.323a6 6 0 0 0 3.236 4.936L25.8 14.791a3.98 3.98 0 0 1-1.993-6.197zM28.414 15l3.028-3.028c.429.039-.6.028 15.144.028l-3 3zM52.2 35.4a3.985 3.985 0 0 1-6.993-1.192l3.462-3.462a6 6 0 0 0 4.936 3.236C52.366 35.22 52.274 35.3 52.2 35.4z"
/>
<path
d="M33 21H11a5.987 5.987 0 0 0-4.713 2.3L2.33 27.256A6.007 6.007 0 0 0 6 38a.987.987 0 0 0 .874-1.46l3.568-3.568c.429.039-.6.028 15.144.028l-3 3H14a1 1 0 0 0 0 2h8c0 17.307-.046 16.288.107 17.1a6 6 0 0 0 10.647 2.56l3.946-3.947A5.987 5.987 0 0 0 39 49V27a6.006 6.006 0 0 0-6-6zM4.8 35.791a3.982 3.982 0 0 1-1.2-6.984c.093-.07.081-.068 1.426-1.413a6 6 0 0 0 3.23 4.936zM7 27a4 4 0 0 1 4-4h22a4 4 0 0 1 4 4v22a3.961 3.961 0 0 1-.849 2.435l-.716.716A3.987 3.987 0 0 1 29 49c0-18.151.037-17.107-.077-17.382A1 1 0 0 0 28 31H11a4 4 0 0 1-4-4zm17 25.586V37.414l3-3c0 15.921-.012 14.708.028 15.144zm7.2 3.814a3.985 3.985 0 0 1-6.993-1.192l3.462-3.462a6 6 0 0 0 4.936 3.236C31.366 56.22 31.274 56.3 31.2 56.4z"
/>
<path d="M10.02 38a1 1 0 1 1 0-2 1 1 0 0 1 0 2z" />
</g>
</g>
</svg>
More icons in the same style and category