Add icons to this collection by clicking the heart icon.
File icon - also known as file, document, office, documents, folder, office material, archives, and files and folders. Created in a clean lineal 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="512"
height="512"
viewBox="0 0 512 512"
>
<linearGradient
id="a"
gradientUnits="userSpaceOnUse"
x1="27.5"
x2="534.501"
y1="496.5"
y2="-10.501"
>
<stop offset="0" stop-color="#003f8a" />
<stop offset=".518" stop-color="#00d7df" />
<stop offset="1" stop-color="#006df0" />
</linearGradient>
<linearGradient
id="b"
x1="-70.5"
x2="436.501"
y1="398.5"
y2="-108.501"
href="#a"
/>
<linearGradient
id="c"
x1="113.5"
x2="620.501"
y1="582.5"
y2="75.499"
href="#a"
/>
<linearGradient
id="d"
x1="125.5"
x2="632.501"
y1="594.5"
y2="87.499"
href="#a"
/>
<linearGradient
id="e"
x1="-52.5"
x2="454.501"
y1="416.5"
y2="-90.501"
href="#a"
/>
<linearGradient
id="f"
x1="-150.5"
x2="356.501"
y1="318.5"
y2="-188.501"
href="#a"
/>
<linearGradient
id="g"
x1="33.5"
x2="540.501"
y1="502.5"
y2="-4.501"
href="#a"
/>
<linearGradient
id="h"
x1="45.5"
x2="552.501"
y1="514.5"
y2="7.499"
href="#a"
/>
<linearGradient
id="i"
x1="21.5"
x2="528.501"
y1="490.5"
y2="-16.501"
href="#a"
/>
<linearGradient
id="j"
x1="107.5"
x2="614.501"
y1="576.5"
y2="69.499"
href="#a"
/>
<linearGradient
id="k"
x1="9.5"
x2="516.501"
y1="478.5"
y2="-28.501"
href="#a"
/>
<linearGradient
id="l"
x1="193.5"
x2="700.501"
y1="662.5"
y2="155.499"
href="#a"
/>
<linearGradient
id="m"
x1="205.5"
x2="712.501"
y1="674.5"
y2="167.499"
href="#a"
/>
<g>
<path
d="m304 112h-96a8 8 0 0 0 -8 8v296a8 8 0 0 0 8 8h96a8 8 0 0 0 8-8v-296a8 8 0 0 0 -8-8zm-8 296h-80v-280h80z"
fill="url(#a)"
/>
<path
d="m304 40h-96a8 8 0 0 0 -8 8v48a8 8 0 0 0 8 8h96a8 8 0 0 0 8-8v-48a8 8 0 0 0 -8-8zm-8 48h-80v-32h80z"
fill="url(#b)"
/>
<path d="m272 448a8 8 0 0 0 0-16h-32a8 8 0 0 0 0 16z" fill="url(#c)" />
<path
d="m296 456h-80a8 8 0 0 0 0 16h80a8 8 0 0 0 0-16z"
fill="url(#d)"
/>
<path
d="m144 112h-96a8 8 0 0 0 -8 8v296a8 8 0 0 0 8 8h96a8 8 0 0 0 8-8v-296a8 8 0 0 0 -8-8zm-8 296h-80v-280h80z"
fill="url(#e)"
/>
<path
d="m144 40h-96a8 8 0 0 0 -8 8v48a8 8 0 0 0 8 8h96a8 8 0 0 0 8-8v-48a8 8 0 0 0 -8-8zm-8 48h-80v-32h80z"
fill="url(#f)"
/>
<path d="m112 448a8 8 0 0 0 0-16h-32a8 8 0 0 0 0 16z" fill="url(#g)" />
<path
d="m136 456h-80a8 8 0 0 0 0 16h80a8 8 0 0 0 0-16z"
fill="url(#h)"
/>
<path
d="m496 8h-480a8 8 0 0 0 -8 8v480a8 8 0 0 0 8 8h480a8 8 0 0 0 8-8v-480a8 8 0 0 0 -8-8zm-328 480h-144v-464h144zm160 0h-144v-464h144zm160 0h-144v-464h144z"
fill="url(#i)"
/>
<path
d="m368 424h96a8 8 0 0 0 8-8v-296a8 8 0 0 0 -8-8h-96a8 8 0 0 0 -8 8v296a8 8 0 0 0 8 8zm8-296h80v280h-80z"
fill="url(#j)"
/>
<path
d="m368 104h96a8 8 0 0 0 8-8v-48a8 8 0 0 0 -8-8h-96a8 8 0 0 0 -8 8v48a8 8 0 0 0 8 8zm8-48h80v32h-80z"
fill="url(#k)"
/>
<path d="m432 448a8 8 0 0 0 0-16h-32a8 8 0 0 0 0 16z" fill="url(#l)" />
<path
d="m456 456h-80a8 8 0 0 0 0 16h80a8 8 0 0 0 0-16z"
fill="url(#m)"
/>
</g>
</svg>
More icons in the same style and category