Add icons to this collection by clicking the heart icon.
Diagonal Arrow icon - also known as interface, arrows, square, link, symbol, links, external, diagonal, shapes and symbols, and diagonal arrow. Created in a clean outline color style with a white, silver, gray, and black 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 512 512"
>
<g fill="none">
<path
fill="#597ddc"
d="M32 128c0-53.02 42.98-96 96-96h256c53.019 0 96 42.98 96 96v256c0 53.019-42.981 96-96 96H128c-53.02 0-96-42.981-96-96z"
/>
<path
fill="#6ebaff"
d="M32 112c0-44.183 35.817-80 80-80h256c44.183 0 80 35.817 80 80v256c0 44.183-35.817 80-80 80H112c-44.183 0-80-35.817-80-80z"
/>
<path
fill="#000"
fill-rule="evenodd"
d="M24 128C24 70.562 70.562 24 128 24h256c57.438 0 104 46.562 104 104v256c0 57.438-46.562 104-104 104H128c-57.438 0-104-46.562-104-104zm104-88c-48.601 0-88 39.399-88 88v256c0 48.601 39.399 88 88 88h256c48.601 0 88-39.399 88-88V128c0-48.601-39.399-88-88-88z"
clip-rule="evenodd"
/>
<path
fill="#fff"
d="M254.544 370.305h103.765c8.836 0 16-7.164 16-16V250.54c0-14.254-17.235-21.393-27.314-11.313l-17.941 17.941L198.946 127.06c-6.248-6.248-16.379-6.248-22.627 0l-45.255 45.255c-6.248 6.248-6.248 16.379 0 22.627L261.172 325.05l-17.942 17.941c-10.079 10.08-2.94 27.314 11.314 27.314z"
/>
<path
fill="#000"
fill-rule="evenodd"
d="M136.722 177.976a7.999 7.999 0 0 0 0 11.314l130.107 130.108a8 8 0 0 1 0 11.313l-17.941 17.941c-5.04 5.04-1.47 13.657 5.657 13.657h103.764a8 8 0 0 0 8-8V250.545c0-7.128-8.617-10.697-13.656-5.657l-17.942 17.941a8 8 0 0 1-11.313 0L193.29 132.721a8 8 0 0 0-11.314 0zm-11.314 22.628c-9.373-9.373-9.373-24.569 0-33.942l45.255-45.254c9.372-9.373 24.568-9.373 33.941 0l124.451 124.45 12.284-12.284c15.119-15.119 40.97-4.411 40.97 16.971v103.764c0 13.255-10.745 24-24 24H254.545c-21.382 0-32.09-25.851-16.971-40.97l12.285-12.285z"
clip-rule="evenodd"
/>
</g>
</svg>
More icons in the same style and category