Add icons to this collection by clicking the heart icon.
File icon - also known as interface, file, document, storage, office material, archive, and files and folders. 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="640"
height="640"
viewBox="0 0 480 480"
>
<linearGradient id="a">
<stop offset="0" stop-color="#7ed4ef" />
<stop offset=".229" stop-color="#66bfe6" />
<stop offset=".711" stop-color="#298bd0" />
<stop offset="1" stop-color="#0169c2" />
</linearGradient>
<linearGradient
id="b"
x1="-8"
x2="473.064"
y1="240"
y2="240"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="-8.009"
x2="473.055"
y1="244.003"
y2="244.003"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="-8"
x2="473.064"
y1="239.998"
y2="239.998"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="-8"
x2="473.064"
y1="296"
y2="296"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="-8"
x2="473.064"
y1="144"
y2="144"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="-8"
x2="473.064"
y1="176"
y2="176"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="-8"
x2="473.064"
y1="112"
y2="112"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="-8"
x2="473.064"
y1="208"
y2="208"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M472 192H368V48a8 8 0 0 0-8-8h-40V8a8 8 0 0 0-8-8H72a8.001 8.001 0 0 0-5.656 2.344l-64 64A8.001 8.001 0 0 0 0 72v288a8 8 0 0 0 8 8h40v32a8 8 0 0 0 8 8h40v64a8 8 0 0 0 8 8h368a8 8 0 0 0 8-8V200a8 8 0 0 0-8-8zM64 27.312V64H27.312zM16 352V80h56a8 8 0 0 0 8-8V16h224v24H120a8.001 8.001 0 0 0-5.656 2.344l-64 64A8.001 8.001 0 0 0 48 112v240zm96-284.688V104H75.312zM96 264v128H64V120h56a8 8 0 0 0 8-8V56h224v136h-56a8.001 8.001 0 0 0-5.656 2.344L228.688 256H104a8 8 0 0 0-8 8zm368 200H112V272h120a8.001 8.001 0 0 0 5.656-2.344L299.312 208H464zm0 0"
/>
<path
fill="url(#c)"
d="m418.34 250.344 24.004-24 11.312 11.312-24 24.004zm0 0"
/>
<path
fill="url(#d)"
d="m378.344 250.34 32.004-32 11.312 11.312-32 32zm0 0"
/>
<g fill="url(#e)">
<path
d="M128 288h16v16h-16zM160 288h16v16h-16zM192 288h16v16h-16zm0 0"
/>
</g>
<path fill="url(#f)" d="M80 136h80v16H80zm0 0" />
<path fill="url(#g)" d="M80 168h16v16H80zM112 168h48v16h-48zm0 0" />
<path fill="url(#h)" d="M144 104h104v16H144zm0 0" />
<path fill="url(#i)" d="M80 200h96v16H80zm0 0" />
<path fill="url(#f)" d="M176 136h88v16h-88zm0 0" />
<path fill="url(#g)" d="M176 168h112v16H176zm0 0" />
<path fill="url(#i)" d="M192 200h32v16h-32zm0 0" />
</svg>
More icons in the same style and category