Add icons to this collection by clicking the heart icon.
Expand icon - also known as interface, arrows, direction, orientation, expand, multimedia option, and fullscreen. 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="100"
height="100"
viewBox="0 0 512 512"
>
<linearGradient
id="a"
x1="-30.306"
x2="-20.601"
y1="648.588"
y2="638.879"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M501.333 0h-192c-5.888 0-10.667 4.779-10.667 10.667s4.779 10.667 10.667 10.667h181.333v181.333c0 5.888 4.779 10.667 10.667 10.667S512 208.555 512 202.667v-192C512 4.779 507.221 0 501.333 0z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-46.557"
x2="-41.35"
y1="646.338"
y2="641.131"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M10.667 213.333c5.888 0 10.667-4.779 10.667-10.667V21.333h181.333c5.888 0 10.667-4.779 10.667-10.667S208.555 0 202.667 0h-192C4.779 0 0 4.779 0 10.667v192c0 5.888 4.779 10.666 10.667 10.666z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-48.807"
x2="-39.098"
y1="630.087"
y2="620.382"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M10.667 512h192c5.888 0 10.667-4.779 10.667-10.667s-4.779-10.667-10.667-10.667H21.333V309.333c0-5.888-4.779-10.667-10.667-10.667S0 303.445 0 309.333v192C0 507.221 4.779 512 10.667 512z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-28.057"
x2="-22.85"
y1="627.838"
y2="622.631"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M501.333 298.667c-5.888 0-10.667 4.779-10.667 10.667v181.333H309.333c-5.888 0-10.667 4.779-10.667 10.667S303.445 512 309.333 512h192c5.888 0 10.667-4.779 10.667-10.667v-192c0-5.888-4.779-10.666-10.667-10.666z"
fill="url(#d)"
/>
</svg>
More icons in the same style and category