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, 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 60 60"
>
<g fill="none">
<path
fill="#ffdc00"
d="m58.98 36.22-1.43-25.25a9.12 9.12 0 0 0-1.21-4.01 8.977 8.977 0 0 0-6.15-4.36c-.933-.181.738-.047-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.46-11.4-7.35 7.363-18.9 18.88a9.241 9.241 0 0 0-.61 12.56 9.05 9.05 0 0 0 13.2.45c4.913-4.9 19.029-19.009 19.15-19.13a1.008 1.008 0 0 1 1.69.69l.17 3.14A9.013 9.013 0 0 0 52.69 47l3.43-3.43a9.461 9.461 0 0 0 2.86-7.35z"
/>
<path
fill="#fec108"
d="M56.32 43.37 52.69 47a8.78 8.78 0 0 1-7.77 2.47A8.7 8.7 0 0 0 49.69 47l3.63-3.63a9.458 9.458 0 0 0 2.66-7.15l-1.43-25.25a9.12 9.12 0 0 0-1.21-4.01 8.977 8.977 0 0 0-6.15-4.36c-.936-.182.962-.035-25.27-1.51 1.314-.175-.359-.19 27.01 1.35a9.3 9.3 0 0 1 3.95 1.13 9.4 9.4 0 0 1 4.09 4.68c.6 0 .866 7.779 2.01 27.97a9.458 9.458 0 0 1-2.66 7.15z"
/>
<g fill="#ff9801">
<path
d="m19.93 52.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.46zM26.25 20.93l-3.56 3.54a1 1 0 0 0-.65-1.71l-3.14-.18a9.052 9.052 0 0 1-8.48-10.13 8.621 8.621 0 0 1 2.39-5.01l3.66-3.66a8.687 8.687 0 0 0-2.51 5.13 9.071 9.071 0 0 0 8.49 10.13l3.14.17a1.011 1.011 0 0 1 .66 1.72zM56.12 43.57 52.69 47a8.778 8.778 0 0 1-5.39 2.56 9.075 9.075 0 0 1-9.91-8.5l-.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.14a9.075 9.075 0 0 0 9.91 8.5 8.7 8.7 0 0 0 5.27-2.44z"
/>
</g>
<g fill="#000">
<path
d="M23.8 6.268s15.086.853 15.105.853a1 1 0 0 0 .056-2l-15.051-.85a1.002 1.002 0 1 0-.113 2zM43.609 7.39s5.412.305 5.431.305a1 1 0 0 0 .056-2l-5.373-.3a1.002 1.002 0 0 0-.114 2z"
/>
<path
d="M2.425 56.568a10.053 10.053 0 0 0 14.66.5l19.134-19.1.177 3.142a10.019 10.019 0 0 0 16.024 7.449c.3-.113-.01.139 4.611-4.477a.963.963 0 0 0 .112-.168 10.464 10.464 0 0 0 2.839-7.754C58.458 9.28 58.743 10.09 57.9 7.893a10.106 10.106 0 0 0-8.831-6.446L23.8.017a10.476 10.476 0 0 0-8.127 3.141c-4.42 4.414-4.179 4.123-4.289 4.408a10 10 0 0 0 7.454 16.013l3.146.187L3.086 42.645a10.207 10.207 0 0 0-.661 13.923zM9.734 58a8.024 8.024 0 0 1-6.091-12.928 9.948 9.948 0 0 0 11.212 11.285A7.907 7.907 0 0 1 9.734 58zm28.659-17-.178-3.141a1.972 1.972 0 0 0-.592-1.29l2.145-2.14.177 3.136a10.049 10.049 0 0 0 11.27 9.4A8.019 8.019 0 0 1 38.393 41zm-15.2-39c.475 0 25.371 1.418 25.843 1.455a8.126 8.126 0 0 1 7.026 5.222c.669 1.751.426 1.175 1.924 27.6a8.251 8.251 0 0 1-7.231 8.741 8.065 8.065 0 0 1-8.814-7.563l-.177-3.136a2.007 2.007 0 0 0-3.42-1.308L19.22 52.109a7.92 7.92 0 0 1-5.937 2.343 8.074 8.074 0 0 1-5.235-13.935l18.905-18.884a2 2 0 0 0-1.307-3.418l-3.14-.178A8 8 0 0 1 17.064 4.6 8.478 8.478 0 0 1 23.193 2zm-4.238 19.582a8 8 0 0 1-5.987-12.775 10.061 10.061 0 0 0 9.425 11.227l3.146.184-2.139 2.14a1.976 1.976 0 0 0-1.3-.6z"
/>
</g>
</g>
</svg>
More icons in the same style and category