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 58"
>
<g fill="none">
<path
fill="#f0c419"
d="M57.98 35.22 56.55 9.97a9.12 9.12 0 0 0-1.21-4.01 8.977 8.977 0 0 0-6.15-4.36c-.876-.17.973-.029-26.44-1.58a9.549 9.549 0 0 0-7.17 2.65l-3.77 3.77a9 9 0 0 0 6.09 15.14l3.14.18a1 1 0 0 1 .65 1.71c11.394-11.33-6.742 6.744-18.9 18.88a9.241 9.241 0 0 0-.61 12.56 9.05 9.05 0 0 0 13.2.45l19.15-19.13a1.008 1.008 0 0 1 1.69.69l.17 3.14A9.013 9.013 0 0 0 51.69 46l3.63-3.63a9.458 9.458 0 0 0 2.66-7.15z"
/>
<path
fill="#f3d55b"
d="M37.9 6.121c-1.267 0 4.394.251-15.1-.853a1.002 1.002 0 1 1 .113-2l15.048.852a1 1 0 0 1-.056 2zM48.04 6.7c-.137 0-.941-.052-5.431-.305a1.002 1.002 0 0 1 .114-2l5.373.3a1 1 0 0 1-.056 2z"
/>
<g fill="#f29c1f">
<path
d="m18.93 51.82-3.55 3.54a9.05 9.05 0 0 1-13.2-.45 9.241 9.241 0 0 1 .61-12.56l3.55-3.54a9.229 9.229 0 0 0-.62 12.55 9.062 9.062 0 0 0 13.21.46zM25.25 19.93l-3.56 3.54a1 1 0 0 0-.65-1.71l-3.14-.18a9 9 0 0 1-6.09-15.14l3.66-3.66a9 9 0 0 0 5.98 15.26l3.14.17a1.011 1.011 0 0 1 .66 1.72zM55.12 42.57 51.69 46a9.013 9.013 0 0 1-15.3-5.94l-.17-3.14a1.008 1.008 0 0 0-1.69-.69l3.52-3.51a1.006 1.006 0 0 1 1.72.65l.17 3.14c.425 7.546 9.62 11.421 15.18 6.06z"
/>
</g>
</g>
</svg>
More icons in the same style and category