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 interface, document, files, documents, office material, folders, archives, material, cab files, and business and finance. Created in a clean flat style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.

7/13/2025

Tags

office material

business and finance

Usage Snippets

Files.svg

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <path
        fill="#e5a32e"
        d="M511.607 353.866a16.531 16.531 0 0 0-1.089-3.264l-46.034-93.027a18.327 18.327 0 0 0-16.424-10.198H63.94a18.324 18.324 0 0 0-16.424 10.198L1.482 350.602a16.531 16.531 0 0 0-1.089 3.264l19.009 9.637h467.702z"
    />
    <path
        fill="#88a8d8"
        d="M94.476 451.689a8.06 8.06 0 0 0 8.061-8.06V33.767c0-6.425-5.206-11.634-11.63-11.639H56.39c-11.601 0-21.006 9.405-21.006 21.006v391.128c0 9.625 7.802 17.427 17.427 17.427z"
    />
    <path
        fill="#7296d1"
        d="M142.748 22.127H85.503c6.847 0 12.397 5.55 12.397 12.397v399.738c0 7.946-5.324 14.637-12.596 16.734-.998.443-2.1.693-3.262.693h64.285c9.625 0 17.427-7.802 17.427-17.427V43.133c.001-11.601-9.404-21.006-21.006-21.006z"
    />
    <circle cx="96.611" cy="101.341" r="31.592" fill="#f7f4f7" />
    <path
        fill="#edeaed"
        d="M128.203 101.341c0-17.016-13.454-30.883-30.303-31.56V132.9c16.849-.676 30.303-14.543 30.303-31.559z"
    />
    <path
        fill="#88a8d8"
        d="M250.907 451.689a8.06 8.06 0 0 0 8.061-8.06V33.767c0-6.425-5.206-11.634-11.63-11.639h-34.517c-11.601 0-21.006 9.405-21.006 21.006v391.128c0 9.625 7.802 17.427 17.427 17.427z"
    />
    <path
        fill="#7296d1"
        d="M299.179 22.127h-57.245c6.847 0 12.397 5.55 12.397 12.397v399.738c0 7.946-5.324 14.637-12.596 16.734-.998.443-2.1.693-3.262.693h64.285c9.625 0 17.427-7.802 17.427-17.427V43.133c0-11.601-9.404-21.006-21.006-21.006z"
    />
    <circle cx="253.042" cy="101.341" r="31.592" fill="#f7f4f7" />
    <path
        fill="#edeaed"
        d="M284.634 101.341c0-17.016-13.454-30.883-30.303-31.56V132.9c16.849-.676 30.303-14.543 30.303-31.559z"
    />
    <path
        fill="#c9e0fd"
        d="M127.033 252.866H72.105a7.726 7.726 0 1 1 0-15.452h54.928a7.726 7.726 0 1 1 0 15.452zM127.033 289.781H72.105a7.726 7.726 0 1 1 0-15.452h54.928a7.726 7.726 0 1 1 0 15.452zM127.033 326.695H72.105a7.726 7.726 0 1 1 0-15.452h54.928a7.726 7.726 0 1 1 0 15.452zM283.464 252.866h-54.927a7.726 7.726 0 1 1 0-15.452h54.927a7.726 7.726 0 1 1 0 15.452zM283.464 289.781h-54.927a7.726 7.726 0 1 1 0-15.452h54.927a7.726 7.726 0 1 1 0 15.452zM283.464 326.695h-54.927a7.726 7.726 0 1 1 0-15.452h54.927a7.726 7.726 0 1 1 0 15.452z"
    />
    <path
        fill="#88a8d8"
        d="M407.338 451.689a8.06 8.06 0 0 0 8.061-8.06V33.767c0-6.425-5.206-11.634-11.63-11.639h-34.517c-11.602 0-21.006 9.405-21.006 21.006v391.128c0 9.625 7.802 17.427 17.427 17.427z"
    />
    <path
        fill="#7296d1"
        d="M455.61 22.127h-57.245c6.847 0 12.397 5.55 12.397 12.397v399.738c0 7.946-5.324 14.637-12.596 16.734-.998.443-2.1.693-3.262.693h64.285c9.625 0 17.427-7.802 17.427-17.427V43.133c0-11.601-9.404-21.006-21.006-21.006z"
    />
    <path
        fill="#c9e0fd"
        d="M439.895 252.866h-54.928a7.725 7.725 0 0 1-7.726-7.726 7.725 7.725 0 0 1 7.726-7.726h54.928a7.726 7.726 0 1 1 0 15.452zM439.895 289.781h-54.928a7.726 7.726 0 1 1 0-15.452h54.928a7.726 7.726 0 1 1 0 15.452zM439.895 326.695h-54.928a7.726 7.726 0 1 1 0-15.452h54.928a7.726 7.726 0 1 1 0 15.452z"
    />
    <path
        fill="#efc984"
        d="M.086 460.112s3.005 16.678 16.678 16.678h422.565c5.642 0 10.216-4.574 10.216-10.216V353.866H.397A16.577 16.577 0 0 0 0 357.451z"
    />
    <path
        fill="#e8ae4d"
        d="M511.603 353.866h-65.176V463.05c0 5.604-4.543 10.147-10.147 10.147H16.565C7.417 473.197 0 465.78 0 456.631v16.676c0 9.149 7.417 16.565 16.565 16.565h478.869c9.149 0 16.565-7.417 16.565-16.565V357.451a16.514 16.514 0 0 0-.396-3.585z"
    />
    <path fill="#eac173" d="M446.145 353.866h-.114c.041.187.079.155.114 0z" />
    <path
        fill="#e5a32e"
        d="M317.297 442.409H194.703c-11.343 0-20.539-9.196-20.539-20.539 0-11.344 9.196-20.539 20.539-20.539h122.594c11.343 0 20.539 9.196 20.539 20.539 0 11.343-9.195 20.539-20.539 20.539z"
    />
    <circle cx="409.472" cy="101.341" r="31.592" fill="#f7f4f7" />
    <path
        fill="#edeaed"
        d="M441.065 101.341c0-17.016-13.454-30.883-30.303-31.56V132.9c16.849-.676 30.303-14.543 30.303-31.559z"
    />
</svg>