Add icons to this collection by clicking the heart icon.
File Folder icon - also known as computer, file, document, data, folder, transfer, software, backup, file folder, files and folders, and achieve. Created in a clean outline 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="26"
x2="26"
y1="-4.576"
y2="65.721"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#38d6a4" />
<stop offset=".171" stop-color="#32caae" />
<stop offset=".478" stop-color="#22abc8" />
<stop offset=".884" stop-color="#0879f2" />
<stop offset=".999" stop-color="#0069ff" />
</linearGradient>
<linearGradient id="b" x1="34" x2="34" y1="-4.576" y2="65.721" href="#a" />
<linearGradient id="c" x1="48" x2="48" y1="-4.576" y2="65.721" href="#a" />
<linearGradient
id="d"
x1="54.5"
x2="54.5"
y1="-4.576"
y2="65.721"
href="#a"
/>
<linearGradient id="e" x1="50" x2="50" y1="-4.576" y2="65.721" href="#a" />
<linearGradient id="f" x1="45" x2="45" y1="-4.576" y2="65.721" href="#a" />
<linearGradient id="g" x1="56" x2="56" y1="-4.576" y2="65.721" href="#a" />
<g>
<path
fill="url(#a)"
d="M29 47H6a6.006 6.006 0 0 1-6-6V6a6.006 6.006 0 0 1 6-6h10a5.459 5.459 0 0 1 4.076 1.83l4.894 5.505A4.958 4.958 0 0 0 28.676 9H46a6.006 6.006 0 0 1 6 6v4a1 1 0 0 1-2 0v-4a4 4 0 0 0-4-4H28.676a6.964 6.964 0 0 1-5.2-2.335l-4.895-5.506A3.456 3.456 0 0 0 16 2H6a4 4 0 0 0-4 4v35a4 4 0 0 0 4 4h23a1 1 0 0 1 0 2z"
/>
<path
fill="url(#b)"
d="M45 7a1 1 0 0 1-1-1 4 4 0 0 0-4-4H23a1 1 0 0 1 0-2h17a6.006 6.006 0 0 1 6 6 1 1 0 0 1-1 1z"
/>
<path
fill="url(#c)"
d="M60 64H36a4 4 0 0 1-4-4V26a4 4 0 0 1 4-4h15a1 1 0 0 1 .676.263l12 11A1 1 0 0 1 64 34v26a4 4 0 0 1-4 4zM36 24a2 2 0 0 0-2 2v34a2 2 0 0 0 2 2h24a2 2 0 0 0 2-2V34.44L50.611 24z"
/>
<path
fill="url(#d)"
d="M59 36h-7a3 3 0 0 1-3-3v-6a1 1 0 0 1 2 0v6a1 1 0 0 0 1 1h7a1 1 0 0 1 0 2z"
/>
<path fill="url(#e)" d="M57 43H43a1 1 0 0 1 0-2h14a1 1 0 0 1 0 2z" />
<path fill="url(#c)" d="M57 49H39a1 1 0 0 1 0-2h18a1 1 0 0 1 0 2z" />
<path fill="url(#f)" d="M51 55H39a1 1 0 0 1 0-2h12a1 1 0 0 1 0 2z" />
<path fill="url(#g)" d="M57 55h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2z" />
</g>
</svg>
More icons in the same style and category