Add icons to this collection by clicking the heart icon.
File icon - also known as interface, file, document, 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="-72 0 480 480"
>
<linearGradient id="a">
<stop offset="0" stop-color="#fff200" />
<stop offset="1" stop-color="#cd118c" />
</linearGradient>
<linearGradient
id="b"
x1="-88"
x2="416"
y1="240"
y2="240"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="-88"
x2="416"
y1="72"
y2="72"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="-88"
x2="416"
y1="48"
y2="48"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="-88"
x2="416"
y1="80"
y2="80"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="-88"
x2="416"
y1="136"
y2="136"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="-88"
x2="416"
y1="168"
y2="168"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="-88"
x2="416"
y1="200"
y2="200"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="-88"
x2="416"
y1="232"
y2="232"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="-88"
x2="416"
y1="264"
y2="264"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="-88"
x2="416"
y1="296"
y2="296"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="l"
x1="-88"
x2="416"
y1="328"
y2="328"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="m"
x1="-88"
x2="416"
y1="360"
y2="360"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="n"
x1="-88"
x2="416"
y1="392"
y2="392"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="o"
x1="-88"
x2="416"
y1="424"
y2="424"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M335.91 103.574a7.735 7.735 0 0 0-.453-2.261c-.066-.184-.09-.376-.168-.551a8.024 8.024 0 0 0-1.344-2.114l-72-80c-1.894-2.191-4.828-3.183-7.664-2.601s-5.136 2.652-6.011 5.414a8.01 8.01 0 0 0 1.785 7.89L310.039 96H240V8a8 8 0 0 0-8-8H8a8 8 0 0 0-8 8v464a8 8 0 0 0 8 8h320a8 8 0 0 0 8-8V104c0-.152-.078-.281-.09-.426zM16 464V16h208v88a8 8 0 0 0 8 8h88v352zm0 0"
/>
<path
fill="url(#c)"
d="M40 112h64a8 8 0 0 0 8-8V40a8 8 0 0 0-8-8H40a8 8 0 0 0-8 8v64a8 8 0 0 0 8 8zm8-64h48v48H48zm0 0"
/>
<path
fill="url(#d)"
d="M136 56h64a8 8 0 0 0 0-16h-64a8 8 0 0 0 0 16zm0 0"
/>
<path
fill="url(#e)"
d="M136 88h64a8 8 0 0 0 0-16h-64a8 8 0 0 0 0 16zm0 0"
/>
<path
fill="url(#f)"
d="M296 128H40a8 8 0 0 0 0 16h256a8 8 0 0 0 0-16zm0 0"
/>
<path
fill="url(#g)"
d="M296 160H40a8 8 0 0 0 0 16h256a8 8 0 0 0 0-16zm0 0"
/>
<path
fill="url(#h)"
d="M296 192H40a8 8 0 0 0 0 16h256a8 8 0 0 0 0-16zm0 0"
/>
<path
fill="url(#i)"
d="M296 224H40a8 8 0 0 0 0 16h256a8 8 0 0 0 0-16zm0 0"
/>
<path
fill="url(#j)"
d="M296 256H40a8 8 0 0 0 0 16h256a8 8 0 0 0 0-16zm0 0"
/>
<path
fill="url(#k)"
d="M296 288H40a8 8 0 0 0 0 16h256a8 8 0 0 0 0-16zm0 0"
/>
<path
fill="url(#l)"
d="M296 320H40a8 8 0 0 0 0 16h256a8 8 0 0 0 0-16zm0 0"
/>
<path
fill="url(#m)"
d="M296 352H40a8 8 0 0 0 0 16h256a8 8 0 0 0 0-16zm0 0"
/>
<path
fill="url(#n)"
d="M296 384H40a8 8 0 0 0 0 16h256a8 8 0 0 0 0-16zm0 0"
/>
<path
fill="url(#o)"
d="M296 416H40a8 8 0 0 0 0 16h256a8 8 0 0 0 0-16zm0 0"
/>
</svg>
More icons in the same style and category