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="M22.83 29.27c-.23 0-.46-.09-.64-.26a.9.9 0 0 1 0-1.27l9.22-9.22c.35-.35.92-.35 1.27 0s.35.92 0 1.27l-9.22 9.22c-.17.17-.4.26-.63.26z"
/>
<path
fill="#262d65"
d="M34.15 27.6c-.4 0-.76-.27-.87-.67l-1.91-7.11-7.11-1.91a.907.907 0 0 1-.64-1.1.9.9 0 0 1 1.1-.64l7.61 2.04c.31.08.55.33.64.64l2.04 7.61a.9.9 0 0 1-.64 1.1c-.06.03-.14.04-.22.04z"
/>
<path
fill="#fcce1b"
d="M26.7 35.05c-.08 0-.16-.01-.23-.03l-7.62-2.04a.918.918 0 0 1-.64-.64l-2.04-7.61a.9.9 0 1 1 1.74-.46l1.91 7.11 7.12 1.91a.9.9 0 0 1 .64 1.1.93.93 0 0 1-.88.66z"
/>
<path
fill="#fcce1b"
d="M19.11 32.98c-.23 0-.46-.09-.64-.27a.9.9 0 0 1 0-1.27l1.96-1.95c.35-.35.92-.35 1.27 0s.35.92 0 1.27l-1.96 1.95c-.17.18-.4.27-.63.27z"
/>
<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