Add icons to this collection by clicking the heart icon.
Expand icon - also known as arrows, expand, maximize, enlarge, and ui. 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 24 24"
>
<linearGradient
id="a"
x1="3.293"
x2="9.707"
y1="3.293"
y2="9.707"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#6be8a7" />
<stop offset="1" stop-color="#01b59c" />
</linearGradient>
<linearGradient
id="b"
x1="14.293"
x2="20.707"
y1="3.293"
y2="9.707"
href="#a"
/>
<linearGradient
id="c"
x1="3.293"
x2="9.707"
y1="14.293"
y2="20.707"
href="#a"
/>
<linearGradient
id="d"
x1="14.293"
x2="20.707"
y1="14.293"
y2="20.707"
href="#a"
/>
<g>
<path
fill="url(#a)"
d="M6.414 5H9a1 1 0 0 0 0-2H4a1 1 0 0 0-1 1v5a1 1 0 0 0 2 0V6.414l3.293 3.293a1 1 0 0 0 1.414-1.414z"
/>
<path
fill="url(#b)"
d="M20 3h-5a1 1 0 0 0 0 2h2.586l-3.293 3.293a1 1 0 1 0 1.414 1.414L19 6.414V9a1 1 0 0 0 2 0V4a1 1 0 0 0-1-1z"
/>
<path
fill="url(#c)"
d="M9 19H6.414l3.293-3.293a1 1 0 0 0-1.414-1.414L5 17.586V15a1 1 0 0 0-2 0v5a1 1 0 0 0 1 1h5a1 1 0 0 0 0-2z"
/>
<path
fill="url(#d)"
d="M20 14a1 1 0 0 0-1 1v2.586l-3.293-3.293a1 1 0 0 0-1.414 1.414L17.586 19H15a1 1 0 0 0 0 2h5a1 1 0 0 0 1-1v-5a1 1 0 0 0-1-1z"
/>
</g>
</svg>
More icons in the same style and category