Add icons to this collection by clicking the heart icon.
Diagonal icon - also known as arrows, direction, up, top, directional sign, ui, diagonal, up left, diagonal arrow, top left, and up left arrow. Created in a clean outline color 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 512 512"
>
<rect
width="40"
height="500"
x="237.87"
y="7.87"
fill="#ffa585"
rx="20"
transform="rotate(135 257.89 257.879)"
/>
<path
fill="#ffa585"
d="M256.5 91.5a20 20 0 0 1-20 20h-125v125a20 20 0 0 1-20 20 20 20 0 0 1-20-20v-155a10 10 0 0 1 10-10h155a20 20 0 0 1 20 20z"
/>
<path
fill="#0a2e42"
d="M420.5 448a27.45 27.45 0 0 1-19.45-8L119 157.89v78.61a27.5 27.5 0 0 1-55 0v-155A17.52 17.52 0 0 1 81.5 64h155a27.5 27.5 0 0 1 0 55h-78.61L440 401.05A27.49 27.49 0 0 1 420.5 448zm-309-315.71a7.51 7.51 0 0 1 5.3 2.2l294.86 294.85a12.5 12.5 0 0 0 17.68-17.68L134.48 116.8a7.5 7.5 0 0 1 5.3-12.8h96.72a12.5 12.5 0 0 0 0-25h-155a2.5 2.5 0 0 0-2.5 2.5v155a12.5 12.5 0 0 0 25 0v-96.72a7.5 7.5 0 0 1 7.5-7.5z"
/>
</svg>
More icons in the same style and category