Add icons to this collection by clicking the heart icon.
Collapse icon - also known as arrows, minimize, shrink, ui, and collapse. Created in a clean flat gradient 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 24 24"
>
<linearGradient
id="a"
x1="6.5"
x2="6.5"
y1=".037"
y2="24.01"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#a8e63c" />
<stop offset="1" stop-color="#468158" />
</linearGradient>
<linearGradient id="b" x1="17.5" x2="17.5" y1=".037" y2="24.01" href="#a" />
<path
fill="url(#a)"
d="M9.766 2.152a2 2 0 0 0-2.18.434L6.5 3.672 5.414 2.586a2 2 0 0 0-2.828 2.828L3.672 6.5 2.586 7.586A2 2 0 0 0 4 11h5a2 2 0 0 0 2-2V4a2 2 0 0 0-1.234-1.848z"
/>
<path
fill="url(#b)"
d="M15 11h5a2 2 0 0 0 1.414-3.414L20.328 6.5l1.086-1.086a2 2 0 0 0-2.828-2.828L17.5 3.672l-1.086-1.086A2 2 0 0 0 13 4v5a2 2 0 0 0 2 2z"
/>
<path
fill="url(#a)"
d="M9 13H4a2 2 0 0 0-1.414 3.414L3.672 17.5l-1.086 1.086a2 2 0 1 0 2.828 2.828L6.5 20.328l1.086 1.086A2 2 0 0 0 11 20v-5a2 2 0 0 0-2-2z"
/>
<path
fill="url(#b)"
d="m20.328 17.5 1.086-1.086A2 2 0 0 0 20 13h-5a2 2 0 0 0-2 2v5a2 2 0 0 0 3.414 1.414l1.086-1.086 1.086 1.086a2 2 0 0 0 2.828-2.828z"
/>
</svg>
More icons in the same style and category