IconHubDesign System

Collections

Empty Collection

Add icons to this collection by clicking the heart icon.

Files icon - Lineal Color | SVG & PNG Free Download

Style Variants

Files

Files icon - also known as interface, file, document, files, archive, records, and files and folders. Created in a clean lineal color style with a silver, gray, black, navy, and pink finish, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.

7/24/2025

Tags

files and folders

Usage Snippets

Files.svg

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="100"
    height="100"
    viewBox="0 0 512.009 512.009"
>
    <path
        d="M363.999 106.228v298.549H150.088v49.319h263.231V106.228z"
        fill="#898890"
    />
    <path
        d="M413.319 155.547v298.549H199.407v49.319h263.231V155.547z"
        fill="#57565c"
    />
    <path
        d="M314.68 56.908v298.55H100.769v49.319h263.23V56.908z"
        fill="#c6c5cb"
    />
    <path
        d="M330.616 355.458V56.908H314.68v298.55H100.769v15.96h229.849v-15.96z"
        fill="#acabb1"
    />
    <path
        d="M429.253 454.096V155.547h-15.935v298.549H199.406v15.962h229.849v-15.962z"
        fill="#3e3d43"
    />
    <path
        d="M379.934 404.777V106.229h-15.936v298.548h-213.91v15.961h229.849v-15.961z"
        fill="#77767e"
    />
    <path
        d="M51.45 355.458v-249.23l98.638-98.639H314.68v347.869z"
        fill="#e0e0e2"
    />
    <path
        d="M165.067 7.589h-14.979v98.639H51.45v14.979h113.626z"
        fill="#c6c5cb"
    />
    <path d="M150.088 7.589v98.639H51.45z" fill="#898890" />
    <path
        d="M420.908 98.639h-49.319v-49.32H322.27V0H146.945L43.86 103.085v259.962h49.32v49.319h49.319v49.319h49.319v49.319h278.409V147.958h-49.319V98.639zM142.499 25.911v72.728H69.771l72.728-72.728zm-83.46 321.957v-234.05h98.639v-17.62h124.953V81.019H157.677v-65.84H307.09v332.69H59.039zm49.319 49.319v-34.141H322.27V64.498h34.141v332.689H108.358zm49.319 49.32v-34.141h213.911V113.818h34.141v332.69H191.818l-34.141-.001zm297.371-283.371v332.69H206.996v-34.141h213.911V163.136h34.141z"
        fill="#010101"
    />
    <path
        d="M83.499 129.625h199.133v15.179H83.499zM83.499 178.227h199.133v15.179H83.499zM83.499 226.828h199.133v15.179H83.499zM83.499 275.43h199.133v15.179H83.499z"
        fill="#010101"
    />
    <path
        d="M1.092 435.476h179.824v15.178H1.092z"
        transform="rotate(45.001 91.009 443.066)"
        fill="#010101"
    />
    <path
        d="M333.146 62.812h177.648V77.99H333.146z"
        transform="rotate(45.001 421.973 70.397)"
        fill="#010101"
    />
    <path
        d="M-13.035 440.778h137.182v15.178H-13.035z"
        transform="rotate(45.001 55.562 448.369)"
        fill="#010101"
    />
    <path
        d="M448.863-4.417h15.178v137.182h-15.178z"
        transform="rotate(134.999 456.455 64.174)"
        fill="#010101"
    />
</svg>