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 flat style with a yellow and orange 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 58 56"
>
<g fill="none">
<path
fill="#f0c419"
d="m57.22 21.52-6-6.02-9.53 9.54a1.009 1.009 0 0 1-1.45-.04L17.68 0 .02 17.65 26.9 38.22a1.015 1.015 0 0 1 .1 1.51l-9.48 9.47 6 6.02 33.46.78A1 1 0 0 0 58 54.98z"
/>
<path
fill="#f0c419"
d="M52 48.95a1.018 1.018 0 0 1-1.02 1.03l-33.46-.78L27 39.73a1.015 1.015 0 0 0-.1-1.51L.02 17.65 17.68 0l22.56 25a1.009 1.009 0 0 0 1.45.04l9.53-9.54z"
/>
<path
fill="#e57e25"
d="M57.71 55.71c-.197.186-.459.29-.73.29l-33.46-.78-6-6.02 33.46.78a.957.957 0 0 0 .71-.29z"
/>
<path
fill="#f29c1f"
d="M58 54.98c0 .271-.104.533-.29.73l-6.02-6.02a.987.987 0 0 0 .31-.74l-.78-33.45 6 6.02z"
/>
<g fill="#f3d55b">
<path
d="M29.9 35.724c-.494 0-.236.111-4.534-3.537a1 1 0 0 1 1.294-1.526l3.887 3.3a1 1 0 0 1-.647 1.763zM22.008 29.025c-.531 0 .641.857-14.632-12.111a1.002 1.002 0 0 1 1.3-1.525l13.98 11.874a1 1 0 0 1-.648 1.762z"
/>
</g>
</g>
</svg>
More icons in the same style and category