Add icons to this collection by clicking the heart icon.
Files icon - also known as interface, file, document, office, files, documents, folder, office material, portable document format, archives, material, cab files, 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="512"
height="512"
viewBox="0 0 512 512"
>
<radialGradient
id="c"
cx="312.224"
cy="1466.679"
r="211.111"
gradientTransform="matrix(.931 0 0 .113 -37.342 308.522)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#c9e2e7" />
<stop offset=".185" stop-color="#d9e9ed" />
<stop offset=".496" stop-color="#eff3f5" />
<stop offset=".888" stop-color="#fff" />
</radialGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#fff" />
<stop offset=".31" stop-color="#e5f2f6" />
<stop offset=".514" stop-color="#d9edf2" />
<stop offset=".714" stop-color="#bae1e7" />
<stop offset=".978" stop-color="#94d4d9" />
</linearGradient>
<radialGradient
id="d"
cx="492.929"
cy="48.482"
r="147.181"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="e"
cx="-12.194"
cy="105.8"
r="350.436"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#c4f19b" />
<stop offset=".518" stop-color="#a4ed62" />
<stop offset=".785" stop-color="#85e026" />
<stop offset=".976" stop-color="#72d800" />
</radialGradient>
<radialGradient
id="f"
cx="64.224"
cy="446.553"
r="79.106"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#89c627" />
<stop offset=".512" stop-color="#78a61f" />
<stop offset=".816" stop-color="#267c36" />
<stop offset=".976" stop-color="#006941" />
</radialGradient>
<radialGradient
id="g"
cx="98.788"
cy="151.206"
r="286.867"
gradientTransform="matrix(2 0 0 .962 -115.2 .985)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="h"
cx="145.777"
cy="439.353"
r="61.974"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fb636f" />
<stop offset=".628" stop-color="#c73044" />
<stop offset=".942" stop-color="#c73044" />
</radialGradient>
<radialGradient
id="i"
cx="64.606"
cy="105.8"
r="350.436"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffcb9b" />
<stop offset=".518" stop-color="#ffba7c" />
<stop offset=".75" stop-color="#ffa850" />
<stop offset=".976" stop-color="#ff982a" />
</radialGradient>
<radialGradient
id="j"
cx="132.977"
cy="439.353"
r="74.588"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff8700" />
<stop offset=".512" stop-color="#ff6700" />
<stop offset=".579" stop-color="#fe6004" />
<stop offset=".976" stop-color="#f93a1d" />
</radialGradient>
<radialGradient
id="k"
cx="140.051"
cy="105.8"
r="354.812"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fcddee" />
<stop offset=".43" stop-color="#f3d6f8" />
<stop offset="1" stop-color="#e7b2f1" />
</radialGradient>
<radialGradient
id="l"
cx="256.512"
cy="171.729"
r="204.699"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" />
<stop offset=".303" stop-color="#ebf4f6" />
<stop offset=".514" stop-color="#daeaef" />
<stop offset=".621" stop-color="#cee4e9" />
<stop offset=".978" stop-color="#a8d0d5" />
</radialGradient>
<linearGradient id="b">
<stop offset="0" stop-color="#d181e5" />
<stop offset=".504" stop-color="#c566de" />
<stop offset=".976" stop-color="#924aa6" />
</linearGradient>
<radialGradient
id="m"
cx="395.172"
cy="182.537"
r="300.197"
gradientTransform="matrix(1.12 0 0 1.241 -10.752 -111.228)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<radialGradient
id="n"
cx="127.929"
cy="104.296"
r="181.362"
gradientTransform="matrix(0 .962 -4.323 0 591.574 -21.74)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="o"
cx="209.777"
cy="439.353"
r="61.974"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<radialGradient
id="p"
cx="89.529"
cy="104.296"
r="181.362"
gradientTransform="matrix(0 .962 -4.323 0 514.774 15.183)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="q"
cx="51.129"
cy="104.296"
r="181.362"
gradientTransform="matrix(0 .962 -4.323 0 437.974 52.106)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#c)"
d="M256 499.2c113.107 0 204.798-11.351 204.798-25.353H51.202c0 14.002 91.691 25.353 204.798 25.353z"
/>
<path fill="url(#d)" d="M217.6 51.2h268.8v371.2H217.6z" />
<path fill="url(#e)" d="M0 473.6h76.8l38.4-192L76.8 12.8H0z" />
<circle cx="38.4" cy="422.4" r="25.6" fill="url(#f)" />
<path fill="url(#g)" d="M102.4 38.4h51.2v320h-51.2z" />
<circle cx="128" cy="422.4" r="25.6" fill="url(#h)" />
<path fill="url(#i)" d="M76.8 473.6h76.8l38.4-192-38.4-268.8H76.8z" />
<circle cx="115.2" cy="422.4" r="25.6" fill="url(#j)" />
<path fill="url(#k)" d="M153.6 473.6h76.8l51.2-192-51.2-268.8h-76.8z" />
<path fill="url(#l)" d="M256 422.4h25.6l12.8-204.8-12.8-166.4H256z" />
<path fill="url(#m)" d="M345.6 12.8H230.4v460.8H512V230.4z" />
<path fill="url(#n)" d="M166.4 38.4h51.2v320h-51.2z" />
<circle cx="192" cy="422.4" r="25.6" fill="url(#o)" />
<path fill="url(#p)" d="M89.6 38.4h51.2v320H89.6z" />
<path fill="url(#q)" d="M12.8 38.4H64v320H12.8z" />
</svg>
More icons in the same style and category