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 61 50"
>
<g fill="none">
<path
fill="#ffdc00"
d="M60 20.24v14a1 1 0 0 1-1 1c-24 0-22.3.1-22.68-.23l5.85-3.65C-.187 7.049 2.24 8.559 2 8.16l10.98-6.84A.963.963 0 0 1 14 1.3c25.567 14.671 19.064 10.935 39.78 22.82 4.663-2.911 3.805-2.371 6.22-3.88z"
/>
<path
fill="#fec108"
d="M57 22.111V34.24a1 1 0 0 1-1 1c-7.76 0-12.823.011-16.148.015 2.967 0 8.549-.015 19.148-.015a1 1 0 0 0 1-1v-14c-1.577.986-1.765 1.102-3 1.871z"
/>
<path
fill="#ff9801"
d="M60 34.24V48a1 1 0 0 1-1 1H36.95a.94.94 0 0 1-.63-.23V35.01a.94.94 0 0 0 .63.23H59a1 1 0 0 0 1-1z"
/>
<g fill="#f57c00">
<path
d="M59 35.24h-2V48a1 1 0 0 1-1 1h3a1 1 0 0 0 1-1V34.24a1 1 0 0 1-1 1zM42.17 31.36l-5.85 3.65v6.75l-.37-.21L2.37 22.29a1.01 1.01 0 0 1-.37-.37V8.16c.089.154.216.281.37.37l33.58 19.26z"
/>
</g>
<g fill="#000">
<path
d="m59.471 19.391-5.716 3.564L14.5.431a2 2 0 0 0-2.055.037L1.471 7.312A1 1 0 0 0 1 8.16c0 15.021-.063 13.933.143 14.274.4.674-2.522-1.141 34.174 19.9v6.436c0 .77.872 1.23 1.633 1.23H59a2 2 0 0 0 2-2V20.24a1 1 0 0 0-1.529-.849zM13.507 2.165l39.771 22.822a1 1 0 0 0 1.028-.018L59 22.042v12.206H39.414l3.285-2.04a1 1 0 0 0-.031-1.715L3.817 8.206zM3 21.487V10.043L40.223 31.4c-4.851 3.025-4.5 2.787-4.646 2.945-.376.285-.26.851-.26 5.69zM59 48.01H37.317V36.24H59z"
/>
<path
d="M25.5 13.725C50.335 27.914 48.59 27 49 27a1 1 0 0 0 .5-1.868l-23-13.143a1 1 0 0 0-.992 1.736zM13.5 6.868c6.527 3.732 6.128 3.561 6.5 3.561a1 1 0 0 0 .5-1.868l-6-3.429a1 1 0 1 0-.992 1.736z"
/>
</g>
</g>
</svg>
More icons in the same style and category