Add icons to this collection by clicking the heart icon.
Diagonal Arrows icon - also known as arrows, arrow, cross, expand, corners, diagonal, crossed, all directions, and diagonal arrows. Created in a clean blue style with a silver and teal 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 32 32"
>
<path fill="#81d4fa" d="M28 14 18 4h10z" />
<path fill="#b3e5fc" d="M18 4h10l-5 5z" />
<path fill="#81d4fa" d="M14 28 4 18v10z" />
<path fill="#b3e5fc" d="M4 18v10l5-5z" />
<path fill="#81d4fa" d="M28 18 18 28h10z" />
<path fill="#b3e5fc" d="M18 28h10l-5-5z" />
<path fill="#81d4fa" d="M14 4 4 14V4z" />
<path fill="#b3e5fc" d="M4 14V4l5 5z" />
<path
fill="#1e88e5"
d="m23 10.414 4.293 4.293A1 1 0 0 0 29 14V4a1 1 0 0 0-1-1H18a1 1 0 0 0-.707 1.707L21.586 9 16 14.586 10.414 9l4.293-4.293A1 1 0 0 0 14 3H4a1 1 0 0 0-1 1v10a1 1 0 0 0 1.707.707L9 10.414 14.586 16 9 21.586l-4.293-4.293A1 1 0 0 0 3 18v10a1 1 0 0 0 1 1h10a1 1 0 0 0 .707-1.707L10.414 23 16 17.414 21.586 23l-4.293 4.293A1 1 0 0 0 18 29h10a1 1 0 0 0 1-1V18a1 1 0 0 0-1.707-.707L23 21.586 17.414 16zM27 5v6.586L20.414 5zM5 5h6.586L5 11.586zm0 22v-6.586L11.586 27zm22 0h-6.586L27 20.414z"
/>
<path
fill="#29b6f6"
d="M20 21a.997.997 0 0 1-.707-.293l-8-8a1 1 0 0 1 1.414-1.414l8 8A1 1 0 0 1 20 21z"
/>
<path
fill="#29b6f6"
d="M12 21a1 1 0 0 1-.707-1.707l8-8a1 1 0 0 1 1.414 1.414l-8 8A.997.997 0 0 1 12 21z"
/>
<g fill="#81d4fa">
<path
d="M18 19a.997.997 0 0 1-.707-.293l-4-4a1 1 0 0 1 1.414-1.414l4 4A1 1 0 0 1 18 19z"
/>
<path
d="M14 19a1 1 0 0 1-.707-1.707l4-4a1 1 0 0 1 1.414 1.414l-4 4A.997.997 0 0 1 14 19z"
/>
</g>
</svg>
More icons in the same style and category