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.605"
x2="-38.898"
y1="630.29"
y2="622.583"
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="M6.592 511.189c1.301.534 2.688.811 4.075.811H160c5.888 0 10.667-4.779 10.667-10.667s-4.779-10.667-10.667-10.667H36.416L165.483 361.6c4.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.8 10.8 0 0 0 5.781 5.781z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-30.509"
x2="-22.802"
y1="646.386"
y2="638.679"
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.584L346.517 150.4c-4.16 4.16-4.16 10.923 0 15.083a10.645 10.645 0 0 0 7.552 3.136c2.731 0 5.461-1.045 7.552-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(#b)"
/>
<linearGradient
id="c"
x1="-30.46"
x2="-22.85"
y1="630.241"
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.584L361.6 346.517c-4.16-4.16-10.923-4.16-15.083 0s-4.16 10.923 0 15.083l129.067 129.067H352c-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(#c)"
/>
<linearGradient
id="d"
x1="-46.556"
x2="-38.947"
y1="646.338"
y2="638.728"
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.416L150.4 165.483a10.633 10.633 0 0 0 7.531 3.136c2.731 0 5.461-1.045 7.531-3.136 4.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(#d)"
/>
<linearGradient
id="e"
x1="-38.237"
x2="-31.169"
y1="638.018"
y2="630.951"
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="M256 149.333c-58.816 0-106.667 47.851-106.667 106.667S197.184 362.667 256 362.667 362.667 314.816 362.667 256 314.816 149.333 256 149.333zm0 192c-47.061 0-85.333-38.272-85.333-85.333s38.272-85.333 85.333-85.333 85.333 38.272 85.333 85.333-38.272 85.333-85.333 85.333z"
fill="url(#e)"
/>
</svg>
More icons in the same style and category