Add icons to this collection by clicking the heart icon.
Diagonal Arrow icon - also known as arrows, direction, size, resize, directional, multimedia option, diagonal, and diagonal arrow. Created in a clean lineal 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.001"
height="512.001"
viewBox="0 0 512.001 512.001"
>
<rect
x="154.945"
y="376.517"
width="155.826"
height="116.033"
fill="#A5F2E5"
/>
<path
d="M320.489,357.059H154.942V191.513c0-5.372-4.355-9.728-9.728-9.728H9.728c-5.372,0-9.728,4.355-9.728,9.728v75.769 c0,5.372,4.355,9.728,9.728,9.728l0,0c5.372,0,9.728-4.355,9.728-9.728V201.24h116.03v291.032H19.456v-150.02 c0-5.372-4.355-9.728-9.728-9.728l0,0c-5.372,0-9.728,4.355-9.728,9.728v159.75c0,2.754,1.149,5.235,2.988,7.005 c1.77,1.843,4.254,2.995,7.012,2.995h310.488c5.374,0,9.728-4.355,9.728-9.728V366.786 C330.217,361.414,325.862,357.059,320.489,357.059z M310.762,492.544H154.942v-116.03h155.819V492.544z"
/>
<path
d="M19.456,342.252v150.022h116.03V201.24H19.456v66.041c0,5.372-4.355,9.728-9.728,9.728l0,0v55.513 l0,0C15.101,332.524,19.456,336.878,19.456,342.252z"
fill="#62D9C7"
/>
<rect
x="201.236"
y="19.456"
width="155.813"
height="116.033"
fill="#A5F2E5"
/>
<path
d="M502.273,179.477c-5.374,0-9.728-4.355-9.728-9.728V19.728h-116.03V310.76h116.03v-66.041 c0-5.372,4.354-9.728,9.728-9.728l0,0V179.477L502.273,179.477z"
fill="#62D9C7"
/>
<path
d="M492.545,244.718v66.041h-116.03V19.728h116.03V169.75c0,5.372,4.354,9.728,9.728,9.728l0,0 c5.372,0,9.728-4.355,9.728-9.728V10c0-2.756-1.15-5.239-2.992-7.008C507.239,1.15,504.757,0,502,0H191.513 c-5.372,0-9.728,4.355-9.728,9.728v135.486c0,5.372,4.355,9.728,9.728,9.728h165.546v165.546c0,5.372,4.354,9.728,9.728,9.728 h135.486c5.374,0,9.728-4.355,9.728-9.728v-75.769c0-5.372-4.354-9.728-9.728-9.728l0,0 C496.899,234.991,492.545,239.346,492.545,244.718z M201.241,19.456h155.818v116.03H201.241V19.456z"
/>
</svg>
More icons in the same style and category