Add icons to this collection by clicking the heart icon.
Document icon - also known as interface, file, document, clipboard, format, archive, 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"
>
<defs>
<linearGradient
id="a"
x1="-47.053"
x2="485.434"
y1="431.054"
y2="-101.434"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#003f8a" />
<stop offset=".518" stop-color="#00d7df" />
<stop offset="1" stop-color="#006df0" />
</linearGradient>
<linearGradient
id="b"
x1="-57.053"
x2="475.434"
y1="421.053"
y2="-111.434"
href="#a"
/>
<linearGradient
id="c"
x1="-39.053"
x2="493.434"
y1="439.053"
y2="-93.434"
href="#a"
/>
<linearGradient
id="d"
x1="-27.053"
x2="505.434"
y1="451.053"
y2="-81.434"
href="#a"
/>
<linearGradient
id="e"
x1="-31.053"
x2="501.434"
y1="447.053"
y2="-85.434"
href="#a"
/>
<linearGradient
id="f"
x1="-131.053"
x2="401.434"
y1="347.053"
y2="-185.434"
href="#a"
/>
<linearGradient
id="g"
x1="-141.053"
x2="391.434"
y1="337.053"
y2="-195.434"
href="#a"
/>
<linearGradient
id="h"
x1="-123.053"
x2="409.434"
y1="355.053"
y2="-177.434"
href="#a"
/>
<linearGradient
id="i"
x1="-111.053"
x2="421.434"
y1="367.053"
y2="-165.434"
href="#a"
/>
<linearGradient
id="j"
x1="-115.053"
x2="417.434"
y1="363.053"
y2="-169.434"
href="#a"
/>
<linearGradient
id="k"
x1="36.947"
x2="569.434"
y1="515.054"
y2="-17.434"
href="#a"
/>
<linearGradient
id="l"
x1="26.947"
x2="559.434"
y1="505.053"
y2="-27.434"
href="#a"
/>
<linearGradient
id="m"
x1="44.947"
x2="577.434"
y1="523.053"
y2="-9.434"
href="#a"
/>
<linearGradient
id="n"
x1="56.947"
x2="589.434"
y1="535.053"
y2="2.566"
href="#a"
/>
<linearGradient
id="o"
x1="52.947"
x2="585.434"
y1="531.053"
y2="-1.434"
href="#a"
/>
<linearGradient
id="p"
x1="64.947"
x2="597.434"
y1="543.054"
y2="10.566"
href="#a"
/>
<linearGradient
id="q"
x1="54.947"
x2="587.434"
y1="533.053"
y2=".566"
href="#a"
/>
<linearGradient
id="r"
x1="72.947"
x2="605.434"
y1="551.053"
y2="18.566"
href="#a"
/>
<linearGradient
id="s"
x1="84.947"
x2="617.434"
y1="563.053"
y2="30.566"
href="#a"
/>
<linearGradient
id="t"
x1="80.947"
x2="613.434"
y1="559.053"
y2="26.566"
href="#a"
/>
<linearGradient
id="u"
x1="-19.053"
x2="513.434"
y1="459.053"
y2="-73.434"
href="#a"
/>
<linearGradient
id="v"
x1="-29.053"
x2="503.434"
y1="449.053"
y2="-83.434"
href="#a"
/>
<linearGradient
id="w"
x1="-11.053"
x2="521.434"
y1="467.053"
y2="-65.434"
href="#a"
/>
<linearGradient
id="x"
x1=".947"
x2="533.434"
y1="479.053"
y2="-53.434"
href="#a"
/>
<linearGradient
id="y"
x1="-3.053"
x2="529.434"
y1="475.053"
y2="-57.434"
href="#a"
/>
<linearGradient
id="z"
x1="148.947"
x2="681.434"
y1="627.054"
y2="94.566"
href="#a"
/>
<linearGradient
id="A"
x1="138.947"
x2="671.434"
y1="617.053"
y2="84.566"
href="#a"
/>
<linearGradient
id="B"
x1="156.947"
x2="689.434"
y1="635.053"
y2="102.566"
href="#a"
/>
<linearGradient
id="C"
x1="168.947"
x2="701.434"
y1="647.053"
y2="114.566"
href="#a"
/>
<linearGradient
id="D"
x1="164.947"
x2="697.434"
y1="643.053"
y2="110.566"
href="#a"
/>
</defs>
<path
fill="url(#a)"
d="M328 48h-24v-8a8 8 0 0 0-8-8h-80a8 8 0 0 0-8 8v8h-24a8 8 0 0 0-8 8v184a8 8 0 0 0 8 8h104a8 8 0 0 0 5.657-2.343l40-40A8 8 0 0 0 336 200V56a8 8 0 0 0-8-8Zm-104 0h64v16h-64Zm-32 16h16v8a8 8 0 0 0 8 8h80a8 8 0 0 0 8-8v-8h16v128h-32a8 8 0 0 0-8 8v32h-88Zm116.686 144L296 220.686V208Z"
/>
<path
fill="url(#b)"
d="M208 128h96a8 8 0 0 0 8-8V96a8 8 0 0 0-8-8h-96a8 8 0 0 0-8 8v24a8 8 0 0 0 8 8Zm8-24h80v8h-80Z"
/>
<path fill="url(#c)" d="M208 152h96a8 8 0 0 0 0-16h-96a8 8 0 0 0 0 16Z" />
<path fill="url(#d)" d="M208 176h96a8 8 0 0 0 0-16h-96a8 8 0 0 0 0 16Z" />
<path fill="url(#e)" d="M240 184h-32a8 8 0 0 0 0 16h32a8 8 0 0 0 0-16Z" />
<path
fill="url(#f)"
d="M160 48h-24v-8a8 8 0 0 0-8-8H48a8 8 0 0 0-8 8v8H16a8 8 0 0 0-8 8v184a8 8 0 0 0 8 8h104a8 8 0 0 0 5.657-2.343l40-40A8 8 0 0 0 168 200V56a8 8 0 0 0-8-8ZM56 48h64v16H56ZM24 64h16v8a8 8 0 0 0 8 8h80a8 8 0 0 0 8-8v-8h16v128h-32a8 8 0 0 0-8 8v32H24Zm116.686 144L128 220.686V208Z"
/>
<path
fill="url(#g)"
d="M40 128h96a8 8 0 0 0 8-8V96a8 8 0 0 0-8-8H40a8 8 0 0 0-8 8v24a8 8 0 0 0 8 8Zm8-24h80v8H48Z"
/>
<path fill="url(#h)" d="M40 152h96a8 8 0 0 0 0-16H40a8 8 0 0 0 0 16Z" />
<path fill="url(#i)" d="M40 176h96a8 8 0 0 0 0-16H40a8 8 0 0 0 0 16Z" />
<path fill="url(#j)" d="M72 184H40a8 8 0 0 0 0 16h32a8 8 0 0 0 0-16Z" />
<path
fill="url(#k)"
d="M496 48h-24v-8a8 8 0 0 0-8-8h-80a8 8 0 0 0-8 8v8h-24a8 8 0 0 0-8 8v184a8 8 0 0 0 8 8h104a8 8 0 0 0 5.657-2.343l40-40A8 8 0 0 0 504 200V56a8 8 0 0 0-8-8Zm-104 0h64v16h-64Zm-32 16h16v8a8 8 0 0 0 8 8h80a8 8 0 0 0 8-8v-8h16v128h-32a8 8 0 0 0-8 8v32h-88Zm116.686 144L464 220.686V208Z"
/>
<path
fill="url(#l)"
d="M376 128h96a8 8 0 0 0 8-8V96a8 8 0 0 0-8-8h-96a8 8 0 0 0-8 8v24a8 8 0 0 0 8 8Zm8-24h80v8h-80Z"
/>
<path fill="url(#m)" d="M376 152h96a8 8 0 0 0 0-16h-96a8 8 0 0 0 0 16Z" />
<path fill="url(#n)" d="M376 176h96a8 8 0 0 0 0-16h-96a8 8 0 0 0 0 16Z" />
<path fill="url(#o)" d="M408 184h-32a8 8 0 0 0 0 16h32a8 8 0 0 0 0-16Z" />
<path
fill="url(#p)"
d="M328 272h-24v-8a8 8 0 0 0-8-8h-80a8 8 0 0 0-8 8v8h-24a8 8 0 0 0-8 8v184a8 8 0 0 0 8 8h104a8 8 0 0 0 5.657-2.343l40-40A8 8 0 0 0 336 424V280a8 8 0 0 0-8-8Zm-104 0h64v16h-64Zm-32 16h16v8a8 8 0 0 0 8 8h80a8 8 0 0 0 8-8v-8h16v128h-32a8 8 0 0 0-8 8v32h-88Zm116.686 144L296 444.686V432Z"
/>
<path
fill="url(#q)"
d="M208 352h96a8 8 0 0 0 8-8v-24a8 8 0 0 0-8-8h-96a8 8 0 0 0-8 8v24a8 8 0 0 0 8 8Zm8-24h80v8h-80Z"
/>
<path fill="url(#r)" d="M208 376h96a8 8 0 0 0 0-16h-96a8 8 0 0 0 0 16Z" />
<path fill="url(#s)" d="M208 400h96a8 8 0 0 0 0-16h-96a8 8 0 0 0 0 16Z" />
<path fill="url(#t)" d="M240 408h-32a8 8 0 0 0 0 16h32a8 8 0 0 0 0-16Z" />
<path
fill="url(#u)"
d="M160 272h-24v-8a8 8 0 0 0-8-8H48a8 8 0 0 0-8 8v8H16a8 8 0 0 0-8 8v184a8 8 0 0 0 8 8h104a8 8 0 0 0 5.657-2.343l40-40A8 8 0 0 0 168 424V280a8 8 0 0 0-8-8Zm-104 0h64v16H56Zm-32 16h16v8a8 8 0 0 0 8 8h80a8 8 0 0 0 8-8v-8h16v128h-32a8 8 0 0 0-8 8v32H24Zm116.686 144L128 444.686V432Z"
/>
<path
fill="url(#v)"
d="M40 352h96a8 8 0 0 0 8-8v-24a8 8 0 0 0-8-8H40a8 8 0 0 0-8 8v24a8 8 0 0 0 8 8Zm8-24h80v8H48Z"
/>
<path fill="url(#w)" d="M40 376h96a8 8 0 0 0 0-16H40a8 8 0 0 0 0 16Z" />
<path fill="url(#x)" d="M40 400h96a8 8 0 0 0 0-16H40a8 8 0 0 0 0 16Z" />
<path fill="url(#y)" d="M72 408H40a8 8 0 0 0 0 16h32a8 8 0 0 0 0-16Z" />
<path
fill="url(#z)"
d="M496 272h-24v-8a8 8 0 0 0-8-8h-80a8 8 0 0 0-8 8v8h-24a8 8 0 0 0-8 8v184a8 8 0 0 0 8 8h104a8 8 0 0 0 5.657-2.343l40-40A8 8 0 0 0 504 424V280a8 8 0 0 0-8-8Zm-104 0h64v16h-64Zm-32 16h16v8a8 8 0 0 0 8 8h80a8 8 0 0 0 8-8v-8h16v128h-32a8 8 0 0 0-8 8v32h-88Zm116.686 144L464 444.686V432Z"
/>
<path
fill="url(#A)"
d="M376 352h96a8 8 0 0 0 8-8v-24a8 8 0 0 0-8-8h-96a8 8 0 0 0-8 8v24a8 8 0 0 0 8 8Zm8-24h80v8h-80Z"
/>
<path fill="url(#B)" d="M376 376h96a8 8 0 0 0 0-16h-96a8 8 0 0 0 0 16Z" />
<path fill="url(#C)" d="M376 400h96a8 8 0 0 0 0-16h-96a8 8 0 0 0 0 16Z" />
<path fill="url(#D)" d="M408 408h-32a8 8 0 0 0 0 16h32a8 8 0 0 0 0-16Z" />
</svg>
More icons in the same style and category