Add icons to this collection by clicking the heart icon.
Minimize icon - also known as arrows, position, minimize, ui, and direction arrow. Created in a clean 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 512 512"
>
<linearGradient id="a">
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".5" stop-color="#8f78db" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<linearGradient
id="c"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="rotate(93.665 143.203 123.235) scale(474.137)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="rotate(3.666 -2494.337 -343.965) scale(401.309)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="scale(401.309 -401.309) rotate(3.665 7.423 -1.294)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="rotate(3.665 -5439.722 -4512.426) scale(630.637)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".45" stop-color="#897ae0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<linearGradient
id="g"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="rotate(88.923 108.538 145.07) scale(436.445)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="h"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="scale(369.406) rotate(-1.077 25.78 -1.417)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="i"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(369.341 6.943 6.943 -369.341 11.522 171.35)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="j"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="scale(580.505) rotate(-1.077 33.72 22.216)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<g fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
<path
fill="url(#c)"
d="M249.695 98.669v138.839c0 3.48 2.825 6.306 6.305 6.306s6.305-2.826 6.305-6.306V98.669c0-3.48-2.825-6.305-6.305-6.305s-6.305 2.825-6.305 6.305z"
transform="matrix(.953 -.953 .953 .953 -53.3 434.75)"
/>
<path
fill="url(#d)"
d="m70.18 178.897 57.279-57.278a5.338 5.338 0 0 0 0-7.547 5.338 5.338 0 0 0-7.547 0L62.633 171.35a5.338 5.338 0 0 0 0 7.547 5.338 5.338 0 0 0 7.547 0z"
transform="scale(1.592) rotate(45 118.19 312.696)"
/>
<path
fill="url(#e)"
d="m62.633 171.35 57.279-57.278a5.338 5.338 0 0 1 7.547 0 5.338 5.338 0 0 1 0 7.547L70.18 178.897a5.338 5.338 0 0 1-7.547 0 5.338 5.338 0 0 1 0-7.547z"
transform="matrix(1.126 1.126 1.126 -1.126 12.76 407.22)"
/>
<path
fill="url(#f)"
d="M68.342 319.512c-24.686 0-44.728 20.042-44.728 44.728s20.042 44.728 44.728 44.728 44.728-20.042 44.728-44.728-20.042-44.728-44.728-44.728zm0 16.773c15.429 0 27.955 12.526 27.955 27.955s-12.526 27.955-27.955 27.955-27.956-12.526-27.956-27.955 12.527-27.955 27.956-27.955z"
transform="rotate(45 166.904 857.522) scale(1.014)"
/>
<path
fill="url(#g)"
d="M249.695 98.669v138.839c0 3.48 2.825 6.306 6.305 6.306s6.305-2.826 6.305-6.306V98.669c0-3.48-2.825-6.305-6.305-6.305s-6.305 2.825-6.305 6.305z"
transform="matrix(-.953 .953 -.953 -.953 565.3 77.25)"
/>
<path
fill="url(#h)"
d="m70.18 178.897 57.279-57.278a5.338 5.338 0 0 0 0-7.547 5.338 5.338 0 0 0-7.547 0L62.633 171.35a5.338 5.338 0 0 0 0 7.547 5.338 5.338 0 0 0 7.547 0z"
transform="scale(-1.592) rotate(45 345.544 -236.184)"
/>
<path
fill="url(#i)"
d="m62.633 171.35 57.279-57.278a5.338 5.338 0 0 1 7.547 0 5.338 5.338 0 0 1 0 7.547L70.18 178.897a5.338 5.338 0 0 1-7.547 0 5.338 5.338 0 0 1 0-7.547z"
transform="scale(-1.592 1.592) rotate(-45 -77.33 411.344)"
/>
<path
fill="url(#j)"
d="M68.342 319.512c-24.686 0-44.728 20.042-44.728 44.728s20.042 44.728 44.728 44.728 44.728-20.042 44.728-44.728-20.042-44.728-44.728-44.728zm0 16.773c15.429 0 27.955 12.526 27.955 27.955s-12.526 27.955-27.955 27.955-27.956-12.526-27.956-27.955 12.527-27.955 27.956-27.955z"
transform="rotate(-135 6.842 219.092) scale(1.014)"
/>
</g>
</svg>
More icons in the same style and category