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, 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 57 61"
>
<g fill="none">
<g fill="#e8edfc">
<path
d="m44.8 3.17-8.55 49.41a.794.794 0 0 1-.1.27.98.98 0 0 1-1.39.42l-8.03-4.68-2.15-1.25a1 1 0 0 1-.49-1l1.45-10.91a1 1 0 0 0-1.76-.77L7.09 54.69a1 1 0 0 1-1.02.33 1.027 1.027 0 0 1-.68-.61L1.22 43.56a.981.981 0 0 1 .17-1.01l15.43-17.73 2.74-3.16a1 1 0 0 0-.75-1.66H12l2.86-17.16a1 1 0 0 1 .99-.84h27.96a1.007 1.007 0 0 1 .99 1.17z"
/>
<path
d="m24.58 47.34 2.15 1.25-10.27 10.99a1.015 1.015 0 0 1-1.04.19l-9.36-4.71.01-.04a1 1 0 0 0 1.02-.33l16.69-20.03a1 1 0 0 1 1.76.77l-1.45 10.91a1 1 0 0 0 .49 1zM16.82 24.82 12 20h6.81a1 1 0 0 1 .75 1.66zM55.87 6.82l-7.72 47.27a1 1 0 0 1-1.07.83l-11.81-1.49v-.02a.965.965 0 0 0 .88-.56.794.794 0 0 0 .1-.27L44.8 3.17a1.013 1.013 0 0 0-.6-1.09v-.01l8.32 2.75 2.7.9c.452.164.724.625.65 1.1z"
/>
</g>
<path
fill="#7facfa"
d="m55.87 6.82-7.72 47.27a1 1 0 0 1-1.07.83l-11.81-1.49v-.02a.965.965 0 0 0 .88-.56.794.794 0 0 0 .1-.27L44.8 3.17a1.013 1.013 0 0 0-.6-1.09v-.01l8.32 2.75 2.7.9c.452.164.724.625.65 1.1z"
/>
<path
fill="#a4c2f7"
d="m52.87 5.75-7.72 47.27a1 1 0 0 1-1.07.83l-7.93-1a.794.794 0 0 0 .1-.27L44.8 3.17a1.013 1.013 0 0 0-.6-1.09v-.01l8.32 2.75c.27.228.403.58.35.93zM19.56 21.66l-2.74 3.16L12 20h6.81a1 1 0 0 1 .75 1.66zM26.73 48.59 16.46 59.58a1.015 1.015 0 0 1-1.04.19l-9.36-4.71.01-.04a1 1 0 0 0 1.02-.33l16.69-20.03a1 1 0 0 1 1.76.77l-1.45 10.91a1 1 0 0 0 .49 1z"
/>
<path
fill="#fff"
d="m1.22 43.56 4.17 10.85c.241.592.155.391 10.03 5.36.355.136.756.063 1.04-.19l.506-.542c-8.508-4.281-8.349-4.07-8.576-4.628L4.22 43.56a.981.981 0 0 1 .17-1.01l15.43-17.73L15 20l2.86-17.16a1 1 0 0 1 .99-.84h-3a1 1 0 0 0-.99.84L12 20l4.82 4.82L1.39 42.55a.981.981 0 0 0-.17 1.01z"
/>
<path fill="#fff" d="m.655 41.883 5.248-6.04 1.51 1.312-5.248 6.04z" />
<g fill="#428dff">
<path d="M4.04 40.527a1 1 0 1 1 0-2 1 1 0 0 1 0 2z" />
<path
d="M2.05 41.791c-1.031-.895-2.323.684-1.767 2.13l4.172 10.848c.19.5.574.9 1.065 1.112.251.165 1.827.944 9.527 4.816a2.039 2.039 0 0 0 2.143-.434l9.724-10.4c8.1 4.725 7.454 4.41 7.995 4.507.324.088 12.117 1.562 12.253 1.562a2.01 2.01 0 0 0 1.974-1.678l7.718-47.27a2.008 2.008 0 0 0-1.318-2.211L44.314 1.051C43.916.919 43.873 1 15.847 1a1.992 1.992 0 0 0-1.972 1.672l-2.861 17.164a1 1 0 0 0 .279.871l4.154 4.155-9.558 10.991A1 1 0 1 0 7.4 37.166l12.913-14.852A2 2 0 0 0 18.805 19H13.18l2.667-16h27.965L35.26 52.41l-10.181-5.938 1.455-10.908a2 2 0 0 0-3.519-1.544L6.322 54.051 2.149 43.2a1 1 0 0 0-.099-1.409zM14.414 21h4.391c-.18.18.594-.683-2.042 2.349zM45.733 3.627l9.147 3.029-7.675 47.275-9.96-1.259zM24.551 35.3 23.1 46.208a2 2 0 0 0 .974 1.992l1.071.625-9.354 10.01-7.643-3.847z"
/>
<path
d="M21 6h-2a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2zM39 8a1 1 0 0 0 0-2H25a1 1 0 0 0 0 2z"
/>
</g>
</g>
</svg>
More icons in the same style and category