Add icons to this collection by clicking the heart icon.
Diagonal Arrow icon - also known as arrows, direction, directional, multimedia option, caret, and diagonal arrow. Created in a clean outline color style with a red, navy, 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 51.2 51.2"
>
<path
fill="#ef3d6a"
d="M42.47 18.9v13.4c0 5.62-4.56 10.17-10.17 10.17H18.9c-5.62 0-10.17-4.55-10.17-10.17V18.9c0-5.62 4.55-10.17 10.17-10.17h13.4c5.61 0 10.17 4.55 10.17 10.17z"
/>
<path
fill="#262d65"
d="M28.37 29.27c-.23 0-.46-.09-.64-.26l-9.22-9.22c-.35-.35-.35-.92 0-1.27s.92-.35 1.27 0L29 27.74a.894.894 0 0 1-.63 1.53z"
/>
<path
fill="#262d65"
d="M17.04 27.6a.907.907 0 0 1-.87-1.13l2.04-7.61c.08-.31.33-.55.64-.64l7.62-2.04a.9.9 0 1 1 .46 1.74l-7.12 1.91-1.91 7.11c-.1.4-.46.66-.86.66z"
/>
<path
fill="#fcce1b"
d="M24.5 35.05a.9.9 0 0 1-.23-1.77l7.11-1.91 1.91-7.11c.13-.48.62-.77 1.1-.64s.76.62.64 1.1l-2.04 7.61c-.08.31-.33.55-.64.64l-7.61 2.04a.71.71 0 0 1-.24.04z"
/>
<path
fill="#fcce1b"
d="M32.08 32.98c-.23 0-.46-.09-.64-.26l-1.95-1.95c-.35-.35-.35-.92 0-1.27s.92-.35 1.27 0l1.95 1.95a.894.894 0 0 1-.63 1.53z"
/>
<path
fill="#262d65"
d="M32.3 43.37H18.9c-6.1 0-11.07-4.97-11.07-11.07V18.9c0-6.1 4.97-11.07 11.07-11.07h13.4c6.1 0 11.07 4.97 11.07 11.07v13.4c0 6.1-4.97 11.07-11.07 11.07zM18.9 9.63c-5.11 0-9.27 4.16-9.27 9.27v13.4c0 5.11 4.16 9.27 9.27 9.27h13.4c5.11 0 9.27-4.16 9.27-9.27V18.9c0-5.11-4.16-9.27-9.27-9.27z"
/>
</svg>
More icons in the same style and category