Add icons to this collection by clicking the heart icon.
Expand icon - also known as interface, arrows, direction, orientation, expand, multimedia option, deploy, 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="-46.556"
x2="-39.85"
y1="646.338"
y2="639.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="M10.667 170.667c5.888 0 10.667-4.779 10.667-10.667V36.416l109.781 109.781c2.091 2.091 4.821 3.136 7.552 3.136s5.461-1.045 7.531-3.136c4.16-4.16 4.16-10.923 0-15.083L36.416 21.333H160c5.888 0 10.667-4.779 10.667-10.667S165.888 0 160 0H10.667C9.28 0 7.893.277 6.592.811A10.732 10.732 0 0 0 .811 6.592 10.747 10.747 0 0 0 0 10.667V160c0 5.888 4.779 10.667 10.667 10.667z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-47.057"
x2="-39.35"
y1="629.838"
y2="622.13"
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="M160 490.667H36.416l109.781-109.781c4.16-4.16 4.16-10.923 0-15.083s-10.923-4.16-15.083 0L21.333 475.584V352c0-5.888-4.779-10.667-10.667-10.667S0 346.112 0 352v149.333c0 1.387.277 2.773.811 4.075a10.732 10.732 0 0 0 5.781 5.781c1.301.534 2.688.811 4.075.811H160c5.888 0 10.667-4.779 10.667-10.667s-4.779-10.666-10.667-10.666z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-30.057"
x2="-22.35"
y1="646.837"
y2="639.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="M505.408.811A10.747 10.747 0 0 0 501.333 0H352c-5.888 0-10.667 4.779-10.667 10.667S346.112 21.333 352 21.333h123.584L365.781 131.136c-4.16 4.16-4.16 10.923 0 15.083 2.091 2.069 4.821 3.115 7.552 3.115s5.461-1.045 7.531-3.136L490.667 36.416V160c0 5.888 4.779 10.667 10.667 10.667S512 165.888 512 160V10.667c0-1.387-.277-2.773-.832-4.075a10.694 10.694 0 0 0-5.76-5.781z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-29.557"
x2="-22.85"
y1="629.338"
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 341.333c-5.888 0-10.667 4.779-10.667 10.667v123.584L380.864 365.803c-4.16-4.16-10.923-4.16-15.083 0s-4.16 10.923 0 15.083l109.803 109.781H352c-5.888 0-10.667 4.779-10.667 10.667S346.112 512 352 512h149.333c1.387 0 2.773-.277 4.075-.811a10.732 10.732 0 0 0 5.781-5.781c.533-1.301.811-2.688.811-4.075V352c0-5.888-4.779-10.667-10.667-10.667z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="-39.557"
x2="-29.85"
y1="639.338"
y2="629.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="M149.333 160v192c0 5.888 4.779 10.667 10.667 10.667h192c5.888 0 10.667-4.779 10.667-10.667V160c0-5.888-4.779-10.667-10.667-10.667H160c-5.888 0-10.667 4.779-10.667 10.667zm21.334 10.667h170.667v170.667H170.667V170.667z"
fill="url(#e)"
/>
</svg>
More icons in the same style and category