IconHubDesign System

Collections

Empty Collection

Add icons to this collection by clicking the heart icon.

Files icon - Flat | SVG & PNG Free Download

Style Variants

Files

Files icon - also known as file, document, files, documents, folder, folders, archives, material, cab files, and files and folders. Created in a clean flat style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.

7/14/2025

Tags

files and folders

Usage Snippets

Files.svg

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 510 510"
>
    <path
        fill="#99baff"
        d="M75 0v60l10 15-10 15v210l10 12.979L75 330v30l10 15.058L75 390v120h60l10-300L135 0z"
    />
    <path fill="#fd6c5f" d="m195 120-10 198.75L195 510h60l10-180-10-210z" />
    <g fill="#fd465f">
        <path d="M315 120h-60v390h60l10-191.25z" />
        <path
            d="M195 180v30h60l10-15-10-15zM195 270h60l10-15-10-15h-60zM240 330h15l10-15-10-15h-15z"
        />
    </g>
    <path fill="#e72d5a" d="M255 180h60v30h-60zM255 240h60v30h-60z" />
    <path fill="#fd465f" d="M240 390h15l10-14.942L255 360h-15z" />
    <path fill="#e72d5a" d="M255 300h15v30h-15z" />
    <path fill="#fd465f" d="M195 450h60l10-13.25L255 420h-60z" />
    <path fill="#e72d5a" d="M255 360h15v30h-15z" />
    <path fill="#6599fe" d="M195 0h-60v510h60V90l-10-15 10-15z" />
    <path fill="#e72d5a" d="M255 420h60v30h-60z" />
    <path fill="#ffdf3f" d="M315 0v60l10 15-10 15v420h60l10-262L375 0z" />
    <path
        fill="#febf41"
        d="M435 0h-60v510h60V346.77L425 330l10-17.021V271.77L425 255l10-16.91V90l-10-15 10-15z"
    />
    <path
        fill="#6599fe"
        d="M75 390h60l10-15-10-15H75zM75 330h60l10-15-10-15H75zM120 450h15l10-15-10-15h-15zM75 60v30h60l10-15-10-15z"
    />
    <path fill="#febf41" d="M375 450h-15v-30h15l7.5 15z" />
    <path fill="#ff9f41" d="M375 420h15v30h-15z" />
    <path
        fill="#febf41"
        d="m315 406.885 6.708-3.469L375 376.77l7.5-22.437-7.5-11.104-60 30z"
    />
    <path
        fill="#ff9f41"
        d="M435 346.77v-33.791l-6.708 3.605L375 343.229v33.541z"
    />
    <path
        fill="#febf41"
        d="m315 331.458 6.708-3.042L375 301.77l9.333-21.437L375 268.229l-60 30z"
    />
    <path
        fill="#ff9f41"
        d="M435 271.77v-33.68l-6.708 3.493L375 268.229v33.541z"
    />
    <path fill="#febf41" d="M315 60v30h60l10-15-10-15z" />
    <path fill="#ff9f41" d="M375 60h60v30h-60z" />
    <path
        fill="#febf41"
        d="M360 150h15l10-16.5-10-13.5h-15zM360 210h15l7.5-15-7.5-15h-15z"
    />
    <path fill="#ff9f41" d="M375 180h15v30h-15z" />
    <path
        fill="#3454ff"
        d="M135 360h60v30h-60zM135 300h60v30h-60zM135 420h15v30h-15zM135 60h60v30h-60z"
    />
    <path fill="#ff9f41" d="M375 120h15v30h-15z" />
</svg>