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 blue style with a white and silver 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="#e8edfc"
d="m58.98 2.33-8.64 43.69a1.209 1.209 0 0 1-.05.18 1.041 1.041 0 0 1-1.93-.13l-1.08-2.69-.59-1.49-4.56-11.38a1.986 1.986 0 0 0-1.54-1.23 1.96 1.96 0 0 0-1.6.44L15.5 49.43c-.383.32-.871.488-1.37.47a2 2 0 0 1-1.45-.72l-9-10.72a2 2 0 0 1-.47-1.36v-.01c.019-.563.277-1.09.71-1.45L22.45 20.1l4.97-4.17a2 2 0 0 0-.23-3.23L12.94 3.86a1.091 1.091 0 0 1-.55-.95V2.9a.954.954 0 0 1 .95-.98L57.87 1a1.121 1.121 0 0 1 1.11 1.33z"
/>
<path
fill="#cad9fc"
d="m57.87 1-2.655.055c.54.17.869.718.765 1.275l-8.31 42.021.69 1.719a1.041 1.041 0 0 0 1.93.13c.021-.059.038-.119.05-.18l8.64-43.69A1.121 1.121 0 0 0 57.87 1z"
/>
<path
fill="#e8edfc"
d="m10.45 11.69.02-.07 1.92-8.71c0 .393.21.755.55.95l14.25 8.84a2 2 0 0 1 .23 3.23l-4.97 4.17-11.51-7.14a1.065 1.065 0 0 1-.49-1.27zM50.3 46.2l-1.96 8.92a1.031 1.031 0 0 1-1.98.06l-1.68-4.19-4.55-11.38a1.465 1.465 0 0 0-.14-.28.864.864 0 0 0-.1-.16 2.07 2.07 0 0 0-.5-.48 1.414 1.414 0 0 0-.24-.13.219.219 0 0 0-.05-.03 1.982 1.982 0 0 0-2.11.29L13.5 58.53a2.017 2.017 0 0 1-1.41.46 1.948 1.948 0 0 1-1.41-.7l-9-10.73a2.021 2.021 0 0 1-.36-1.95h-.01l1.9-8.51a2 2 0 0 0 .47 1.36l9 10.72a2 2 0 0 0 1.45.72c.499.018.987-.15 1.37-.47l23.49-19.71a1.96 1.96 0 0 1 1.6-.44c.176.029.347.08.51.15.47.212.84.6 1.03 1.08l4.56 11.38.59 1.49 1.08 2.69a1.041 1.041 0 0 0 1.93.13z"
/>
<path
fill="#7facfa"
d="m50.3 46.2-1.96 8.92a1.031 1.031 0 0 1-1.98.06l-1.68-4.19-4.55-11.38a1.465 1.465 0 0 0-.14-.28.864.864 0 0 0-.1-.16 2.07 2.07 0 0 0-.5-.48.921.921 0 0 0-.24-.13.219.219 0 0 0-.05-.03 1.982 1.982 0 0 0-.54-.16l2.03-9.09c.176.029.347.08.51.15.47.212.84.6 1.03 1.08l4.56 11.38.59 1.49 1.08 2.69a1.041 1.041 0 0 0 1.93.13z"
/>
<g fill="#a4c2f7">
<path
d="m14.13 49.9-2.04 9.09a1.948 1.948 0 0 1-1.41-.7l-9-10.73a2.021 2.021 0 0 1-.36-1.95h-.01l1.9-8.51a2 2 0 0 0 .47 1.36l9 10.72a2 2 0 0 0 1.45.72zM27.42 15.93l-4.97 4.17-11.51-7.14a1.065 1.065 0 0 1-.49-1.27l.02-.07 1.92-8.71c0 .393.21.755.55.95l14.25 8.84a2 2 0 0 1 .23 3.23zM40.59 29.28l-2.03 9.09a1.974 1.974 0 0 0-1.57.45L13.5 58.53a2.017 2.017 0 0 1-1.41.46l2.04-9.09c.499.018.987-.15 1.37-.47l23.49-19.71a1.96 1.96 0 0 1 1.6-.44z"
/>
</g>
<path
fill="#fff"
d="m1.68 47.56 9 10.73a2.019 2.019 0 0 0 2.82.24l.229-.192c-.271-.307-1.5-1.775-9.049-10.778a2.021 2.021 0 0 1-.36-1.95c-.1 0 1.89-8.229 1.89-8.52.019-.563.277-1.09.71-1.45L25.45 20.1l-11.51-7.14a1.065 1.065 0 0 1-.49-1.27c.031-.109-.2.929 1.94-8.78a.954.954 0 0 1 .95-.99c54.768-1.131 57.763-1.255-3 0a.954.954 0 0 0-.95.98c0 .1.023-.1-1.92 8.72-.2.501 0 1.074.47 1.34l11.51 7.14L3.92 35.64a1.971 1.971 0 0 0-.71 1.46l-1.9 8.51h.01a2.021 2.021 0 0 0 .36 1.95z"
/>
<path
fill="#fff"
d="m3.289 34.874 6.128-5.144 1.286 1.532-6.128 5.144z"
/>
<g fill="#428dff">
<path d="M7.009 34.071a1 1 0 1 1 0-2 1 1 0 0 1 0 2z" />
<path
d="M57.845 0 13.3.919a1.937 1.937 0 0 0-1.844 1.475c-.23.89.751-3.306-1.975 9.033a2.058 2.058 0 0 0 .931 2.383l10.335 6.41-11.336 9.514a1.001 1.001 0 1 0 1.289 1.532l17.363-14.572a3 3 0 0 0-.346-4.847c-15.491-9.6-14.259-8.818-14.338-8.929C82.257 1.5 47.872 2.131 58 2.131c-9.159 46.5-8.582 43.89-8.707 43.572l-6.231-15.568a2.97 2.97 0 0 0-2.056-1.8c-.058-.015-.115-.012-.173-.023-.009 0-.016-.009-.025-.011-.025-.006-.049 0-.073 0a2.944 2.944 0 0 0-2.387.648L14.853 48.665a1 1 0 0 1-1.41-.123l-9-10.725a1 1 0 0 1 .122-1.409 1 1 0 1 0-1.285-1.531 2.987 2.987 0 0 0-1.056 2.043l-1.87 8.385a3.072 3.072 0 0 0 .559 2.9L9.9 58.923a3.02 3.02 0 0 0 4.238.373l23.5-19.713a.992.992 0 0 1 1.563.4l6.227 15.56a2.029 2.029 0 0 0 3.888-.206c2.579-11.736.316-.565 10.638-52.8A2.111 2.111 0 0 0 57.845 0zM26.661 13.545a1 1 0 0 1 .116 1.617l-4.416 3.705c-11.949-7.412-10.981-6.745-10.947-6.916 0-.1.94-4.258 1.524-6.9zM2.445 46.917a1.122 1.122 0 0 1-.164-1.088L3.6 39.923c8.972 10.691 8.484 10.287 9.345 10.687l-1.563 6.962zm11.068 10.3 1.441-6.417c.969-.249-.874 1.128 24.265-19.965l-1.469 6.576c-.515.087-.998.31-1.4.644zM47.4 54.892c-.1.043.3.92-6.336-15.649a2.947 2.947 0 0 0-1.337-1.5l1.515-6.785 6.188 15.471a2.113 2.113 0 0 0 1.517 1.31z"
/>
<path
d="M7.159 38.285a1 1 0 0 0 1.408.123L22.645 26.6a1 1 0 0 0-1.286-1.532L7.282 36.877a1 1 0 0 0-.123 1.408zM32.062 18.693a1 1 0 1 0-1.285-1.531l-4.407 3.7a1 1 0 0 0 .644 1.766c.497-.002.293.056 5.048-3.935z"
/>
</g>
</g>
</svg>
More icons in the same style and category