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="-43.557"
x2="-40.85"
y1="643.338"
y2="640.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="M159.979 64H74.667C68.779 64 64 68.779 64 74.667V160c0 5.888 4.779 10.667 10.667 10.667S85.333 165.888 85.333 160V85.333h74.645c5.888 0 10.667-4.779 10.667-10.667S165.867 64 159.979 64z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-29.555"
x2="-24.85"
y1="644.338"
y2="639.63"
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="M437.333 170.667c5.888 0 10.667-4.779 10.667-10.667V74.667C448 68.779 443.221 64 437.333 64h-85.312c-5.888 0-10.667 4.779-10.667 10.667s4.779 10.667 10.667 10.667h74.645V160c.001 5.888 4.779 10.667 10.667 10.667z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="-28.553"
x2="-25.849"
y1="628.335"
y2="625.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="M352.021 448h85.312c5.888 0 10.667-4.779 10.667-10.667V352c0-5.888-4.779-10.667-10.667-10.667s-10.667 4.779-10.667 10.667v74.667h-74.645c-5.888 0-10.667 4.779-10.667 10.667S346.133 448 352.021 448z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="-44.557"
x2="-39.848"
y1="629.337"
y2="624.632"
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="M74.667 341.333C68.779 341.333 64 346.112 64 352v85.333C64 443.221 68.779 448 74.667 448h85.312c5.888 0 10.667-4.779 10.667-10.667s-4.779-10.667-10.667-10.667H85.333V352c0-5.888-4.778-10.667-10.666-10.667z"
fill="url(#f)"
/>
<linearGradient
id="g"
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(#g)"
/>
<linearGradient
id="h"
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(#h)"
/>
</svg>
More icons in the same style and category