Add icons to this collection by clicking the heart icon.
Files icon - also known as interface, storage, office, files, folder, office material, file storage, data storage, 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="-8 0 480 480"
>
<linearGradient id="a">
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<linearGradient
id="b"
x1="72"
x2="72"
y1="512.288"
y2="-103.96"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="232"
x2="232"
y1="512.288"
y2="-103.96"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="392"
x2="392"
y1="512.288"
y2="-103.96"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M120 0H24C10.746 0 0 10.746 0 24v432c0 13.254 10.746 24 24 24h96c13.254 0 24-10.746 24-24V24c0-13.254-10.746-24-24-24zm8 456a8 8 0 0 1-8 8H24a8 8 0 0 1-8-8V24a8 8 0 0 1 8-8h96a8 8 0 0 1 8 8zm0 0"
/>
<path
fill="url(#c)"
d="M280 0h-96c-13.254 0-24 10.746-24 24v432c0 13.254 10.746 24 24 24h96c13.254 0 24-10.746 24-24V24c0-13.254-10.746-24-24-24zm8 456a8 8 0 0 1-8 8h-96a8 8 0 0 1-8-8V24a8 8 0 0 1 8-8h96a8 8 0 0 1 8 8zm0 0"
/>
<path
fill="url(#d)"
d="M440 0h-96c-13.254 0-24 10.746-24 24v432c0 13.254 10.746 24 24 24h96c13.254 0 24-10.746 24-24V24c0-13.254-10.746-24-24-24zm8 456a8 8 0 0 1-8 8h-96a8 8 0 0 1-8-8V24a8 8 0 0 1 8-8h96a8 8 0 0 1 8 8zm0 0"
/>
<path
fill="url(#b)"
d="M72 368c-22.09 0-40 17.91-40 40s17.91 40 40 40 40-17.91 40-40c-.027-22.082-17.918-39.973-40-40zm0 64c-13.254 0-24-10.746-24-24s10.746-24 24-24 24 10.746 24 24-10.746 24-24 24zm0 0"
/>
<path
fill="url(#c)"
d="M232 368c-22.09 0-40 17.91-40 40s17.91 40 40 40 40-17.91 40-40c-.027-22.082-17.918-39.973-40-40zm0 64c-13.254 0-24-10.746-24-24s10.746-24 24-24 24 10.746 24 24-10.746 24-24 24zm0 0"
/>
<path
fill="url(#d)"
d="M392 368c-22.09 0-40 17.91-40 40s17.91 40 40 40 40-17.91 40-40c-.027-22.082-17.918-39.973-40-40zm0 64c-13.254 0-24-10.746-24-24s10.746-24 24-24 24 10.746 24 24-10.746 24-24 24zm0 0"
/>
<g fill="url(#b)">
<path
d="M112 48H32a8 8 0 0 0-8 8v288a8 8 0 0 0 8 8h80a8 8 0 0 0 8-8V56a8 8 0 0 0-8-8zm-8 288H40V64h64zm0 0"
/>
<path
d="M56 304h32a8 8 0 0 0 0-16H56a8 8 0 0 0 0 16zM56 256h32a8 8 0 0 0 0-16H56a8 8 0 0 0 0 16zM56 208h32a8 8 0 0 0 0-16H56a8 8 0 0 0 0 16zM56 160h32a8 8 0 0 0 0-16H56a8 8 0 0 0 0 16zM56 112h32a8 8 0 0 0 0-16H56a8 8 0 0 0 0 16zm0 0"
/>
</g>
<path
fill="url(#c)"
d="M272 48h-80a8 8 0 0 0-8 8v288a8 8 0 0 0 8 8h80a8 8 0 0 0 8-8V56a8 8 0 0 0-8-8zm-8 288h-64V64h64zm0 0"
/>
<path
fill="url(#c)"
d="M216 304h32a8 8 0 0 0 0-16h-32a8 8 0 0 0 0 16zM216 256h32a8 8 0 0 0 0-16h-32a8 8 0 0 0 0 16zM216 208h32a8 8 0 0 0 0-16h-32a8 8 0 0 0 0 16zM216 160h32a8 8 0 0 0 0-16h-32a8 8 0 0 0 0 16zM216 112h32a8 8 0 0 0 0-16h-32a8 8 0 0 0 0 16zm0 0"
/>
<path
fill="url(#d)"
d="M432 48h-80a8 8 0 0 0-8 8v288a8 8 0 0 0 8 8h80a8 8 0 0 0 8-8V56a8 8 0 0 0-8-8zm-8 288h-64V64h64zm0 0"
/>
<path
fill="url(#d)"
d="M376 304h32a8 8 0 0 0 0-16h-32a8 8 0 0 0 0 16zM376 256h32a8 8 0 0 0 0-16h-32a8 8 0 0 0 0 16zM376 208h32a8 8 0 0 0 0-16h-32a8 8 0 0 0 0 16zM376 160h32a8 8 0 0 0 0-16h-32a8 8 0 0 0 0 16zM376 112h32a8 8 0 0 0 0-16h-32a8 8 0 0 0 0 16zm0 0"
/>
</svg>
More icons in the same style and category