Add icons to this collection by clicking the heart icon.
Files icon - also known as file, document, files, 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="512"
height="512"
viewBox="0 0 64 64"
>
<linearGradient
id="a"
x1="32"
x2="32"
y1="63.842"
y2="-.459"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".35" stop-color="#ed683c" />
<stop offset=".7" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<linearGradient id="b" x1="19" x2="19" y1="63.842" y2="-.459" href="#a" />
<linearGradient id="c" x1="12" x2="12" y1="63.842" y2="-.459" href="#a" />
<linearGradient id="d" x1="21" x2="21" y1="63.842" y2="-.459" href="#a" />
<linearGradient id="e" x1="16" x2="16" y1="63.842" y2="-.459" href="#a" />
<linearGradient id="f" x1="25" x2="25" y1="63.842" y2="-.459" href="#a" />
<linearGradient id="g" x1="23" x2="23" y1="63.842" y2="-.459" href="#a" />
<linearGradient id="h" x1="14" x2="14" y1="63.842" y2="-.459" href="#a" />
<linearGradient id="i" x1="20" x2="20" y1="63.842" y2="-.459" href="#a" />
<linearGradient id="j" x1="29" x2="29" y1="63.842" y2="-.459" href="#a" />
<linearGradient id="k" x1="33" x2="33" y1="63.842" y2="-.459" href="#a" />
<path
fill="url(#a)"
d="M56 2H20a3 3 0 0 0-3 3v3h-2a3 3 0 0 0-3 3v5H8a3 3 0 0 0-3 3v39a4 4 0 0 0 4 4h34a4 4 0 0 0 4-4v-2h8a4 4 0 0 0 4-4V5a3 3 0 0 0-3-3zM9 60a2 2 0 0 1-2-2V19a1 1 0 0 1 1-1h23v7a1 1 0 0 0 1.832.555L34 23.8l1.168 1.752A1 1 0 0 0 37 25v-7h1a1 1 0 0 1 1 1v39a3.97 3.97 0 0 0 .537 2zm24-42h2v3.7l-.168-.252a1.039 1.039 0 0 0-1.664 0L33 21.7zm12 40a2 2 0 0 1-4 0V19a3 3 0 0 0-3-3H14v-5a1 1 0 0 1 1-1h30.556A3.959 3.959 0 0 0 45 12zm2-46a2 2 0 0 1 4 0v40a3.959 3.959 0 0 0 .556 2H47zm10 40a2 2 0 0 1-4 0V12a4 4 0 0 0-4-4H19V5a1 1 0 0 1 1-1h36a1 1 0 0 1 1 1z"
/>
<path fill="url(#b)" d="M11 26h16v2H11z" />
<path fill="url(#c)" d="M11 22h2v2h-2z" />
<path fill="url(#d)" d="M15 22h12v2H15z" />
<path fill="url(#e)" d="M11 30h10v2H11z" />
<path fill="url(#f)" d="M23 30h4v2h-4z" />
<path fill="url(#a)" d="M29 30h6v2h-6z" />
<path fill="url(#g)" d="M11 34h24v2H11z" />
<path fill="url(#h)" d="M11 38h6v2h-6z" />
<path fill="url(#i)" d="M19 38h2v2h-2z" />
<path fill="url(#j)" d="M23 38h12v2H23z" />
<path fill="url(#g)" d="M11 42h24v2H11zM11 46h24v2H11z" />
<path fill="url(#i)" d="M11 50h18v2H11z" />
<path fill="url(#k)" d="M31 50h4v2h-4z" />
<path fill="url(#g)" d="M11 54h24v2H11z" />
</svg>
More icons in the same style and category