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, olive, and green 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="#60a917"
d="m58.99 3.86-4.75 39.19c-.15-3.31-6.65-12.19-15.87-21.42S20.26 5.91 16.95 5.76l37.46-4.54 1.73-.21a2.652 2.652 0 0 1 2.85 2.85z"
/>
<path
fill="#549414"
d="m56.14 1.01-1.73.21h-.02a2.648 2.648 0 0 1 1.6 2.638l-4.105 33.874c1.456 2.3 2.3 4.158 2.355 5.318l4.75-39.19a2.652 2.652 0 0 0-2.85-2.85z"
/>
<path
fill="#008a00"
d="M54.24 43.05v.02c.05.372-.064.747-.31 1.03-.48.48-1.48.4-2.87-.17-3.1-1.24-8.16-4.86-13.81-9.91l.67-.67 1.29-1.29c.72-.72-.85-3.47-3.54-6.34-.2-.21-.41-.43-.62-.64a.374.374 0 0 1-.07-.06c-3.11-3.11-6.27-5-7.04-4.23l-1.96 1.96C18.91 14.83 14.63 8.07 15.77 6.24c.038-.06.081-.118.13-.17.283-.246.658-.36 1.03-.31h.02c3.31.15 12.19 6.65 21.42 15.87s15.72 18.11 15.87 21.42z"
/>
<path
fill="#007900"
d="M38.37 21.63C29.14 12.41 20.26 5.91 16.95 5.76h-.02a1.307 1.307 0 0 0-1.03.31c-.049.052-.092.11-.13.17 4.124 1.66 11.73 7.527 19.6 15.39 9.22 9.23 15.72 18.11 15.87 21.42v.02a1.4 1.4 0 0 1-.205.849l.025.011c1.39.57 2.39.65 2.87.17.246-.283.36-.658.31-1.03v-.02c-.15-3.31-6.65-12.19-15.87-21.42z"
/>
<path
fill="#008a00"
d="m39.21 32.06-1.29 1.29-25.48 25.48c.78-.78-1.11-3.94-4.22-7.05s-6.27-5-7.05-4.22l.23-.22 24.58-24.59 1.96-1.96c.77-.77 3.93 1.12 7.04 4.23.02.023.044.043.07.06.21.21.42.43.62.64 2.69 2.87 4.26 5.62 3.54 6.34z"
/>
<g fill="#007900">
<path
d="M35.67 25.72c-.2-.21-.41-.43-.62-.64a.374.374 0 0 1-.07-.06c-3.11-3.11-6.27-5-7.04-4.23l-.55.55a23.612 23.612 0 0 1 4.59 3.68c.02.023.044.043.07.06.21.21.42.43.62.64 2.69 2.87 4.26 5.62 3.54 6.34l-1.29 1.29L11.9 56.372c.676 1.18.912 2.088.542 2.458L37.92 33.35l1.29-1.29c.72-.72-.85-3.47-3.54-6.34z"
/>
<path
d="M12.44 58.83c-.77.77-3.93-1.12-7.04-4.23s-5-6.27-4.23-7.04 3.94 1.11 7.05 4.22 5 6.27 4.22 7.05z"
/>
</g>
<g fill="#000">
<path
d="M.469 46.848c-1.859 1.859 2.382 6.616 4.224 8.458 1.867 1.867 6.6 6.083 8.457 4.226l24.141-24.14c3.18 2.8 14.363 12.4 17.345 9.416.404-.43.62-1.004.6-1.594l4.747-39.257A3.638 3.638 0 0 0 56.02.019L16.8 4.767a2.2 2.2 0 0 0-1.61.6c-2.761 2.76 5.2 12.554 9.415 17.346zm28.055-25.227c.672.065 2.922 1.276 5.816 4.169 2.788 2.794 3.976 5.019 4.04 5.685l-25.2 25.2c-1.562-3.4-6.718-8.437-9.863-9.845zM2.077 48.458c2.815.952 8.508 6.638 9.464 9.465-2.82-.955-8.51-6.643-9.464-9.465zM56.235 2.007A1.641 1.641 0 0 1 58 3.74L53.739 38.9C48.39 29.192 30.958 11.691 21.1 6.26zM16.592 6.79a.442.442 0 0 1 .148-.029.573.573 0 0 0 .2 0c2.651.158 10.786 5.649 20.721 15.572S53.076 40.4 53.236 43.056c-.022.174.008.088-.007.33-.765.41-5.462-1.454-14.518-9.414l1.2-1.2c2.006-2.008-3.112-7.342-4.227-8.458-1.059-1.06-6.446-6.235-8.457-4.226l-1.2 1.2C18.038 12.2 16.2 7.513 16.592 6.79z"
/>
<path
d="M34.381 9.422a1 1 0 0 0 1.227.7l2.714-.739a1 1 0 1 0-.525-1.93l-2.714.747a1 1 0 0 0-.702 1.222zM43.488 7.944c.19 0-.2.089 7.05-1.883a1 1 0 1 0-.525-1.93l-6.786 1.848a1 1 0 0 0 .261 1.965zM14.557 40.809a1 1 0 0 0 .707-.293l11.269-11.269a1 1 0 0 0-1.414-1.414L13.85 39.1a1 1 0 0 0 .707 1.709zM8.92 45.446a1 1 0 0 0 1.414 0l2.112-2.113a1 1 0 1 0-1.414-1.414L8.92 44.032a1 1 0 0 0 0 1.414z"
/>
</g>
</g>
</svg>
More icons in the same style and category