IconHubDesign System

Collections

Empty Collection

Add icons to this collection by clicking the heart icon.

File icon - Flat | SVG & PNG Free Download

Style Variants

File

Miscellaneous 127

File icon - also known as file, document, archive, binder, and miscellaneous. 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

Usage Snippets

File.svg

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <path
        fill="#e6f2ff"
        d="M456 266v45l-60 11.5-55-11.5v-45l55-10zM313.5 266v45L256 322.5 198.5 311v-45l57.5-10zM171 266v45l-57.5 8-57.5-8v-45l57.5-10z"
    />
    <path
        fill="#6cf"
        d="M456 130v136H341V130c0-16.02 12.98-29 29-29h57c16.02 0 29 12.98 29 29z"
    />
    <path
        fill="#ff637b"
        d="M313.5 130v136h-115V130c0-16.02 12.98-29 29-29h57c16.02 0 29 12.98 29 29z"
    />
    <path
        fill="#8bf2cf"
        d="M171 130v136H56V130c0-16.02 12.98-29 29-29h57c16.02 0 29 12.98 29 29z"
    />
    <path
        fill="#6cf"
        d="M141 446c11.05 0 20 8.95 20 20s-8.95 20-20 20-20-8.95-20-20 8.95-20 20-20zM396 26c13.811 0 25 11.19 25 25s-11.189 25-25 25-25-11.19-25-25 11.189-25 25-25z"
    />
    <circle cx="398.5" cy="158.5" r="27.5" fill="#e6f2ff" />
    <circle cx="256" cy="158.5" r="27.5" fill="#e6f2ff" />
    <circle cx="113.5" cy="158.5" r="27.5" fill="#e6f2ff" />
    <path
        fill="#6cf"
        d="M456 311v76c0 16.02-12.98 29-29 29h-57c-16.02 0-29-12.98-29-29v-76z"
    />
    <path
        fill="#ff637b"
        d="M313.5 311v76c0 16.02-12.98 29-29 29h-57c-16.02 0-29-12.98-29-29v-76z"
    />
    <g fill="#8bf2cf">
        <path
            d="M171 311v76c0 16.02-12.98 29-29 29H85c-16.02 0-29-12.98-29-29v-76z"
        />
        <circle cx="408.5" cy="468.5" r="7.5" />
        <circle cx="318.5" cy="58.5" r="7.5" />
        <circle cx="243.5" cy="448.5" r="7.5" />
        <circle cx="183.5" cy="43.5" r="7.5" />
        <circle cx="78.5" cy="458.5" r="7.5" />
        <circle cx="73.5" cy="73.5" r="7.5" />
    </g>
    <path
        fill="#57d9d4"
        d="M136 381H91a5 5 0 1 1 0-10h45a5 5 0 1 1 0 10zM136 356H91a5 5 0 1 1 0-10h45a5 5 0 1 1 0 10z"
    />
    <path
        fill="#e63950"
        d="M278.5 381h-45a5 5 0 1 1 0-10h45c2.762 0 5 2.238 5 5s-2.238 5-5 5zM278.5 356h-45a5 5 0 1 1 0-10h45c2.762 0 5 2.238 5 5s-2.238 5-5 5z"
    />
    <path
        fill="#4596e6"
        d="M421 381h-45c-2.762 0-5-2.238-5-5s2.238-5 5-5h45c2.762 0 5 2.238 5 5s-2.238 5-5 5zM421 356h-45c-2.762 0-5-2.238-5-5s2.238-5 5-5h45c2.762 0 5 2.238 5 5s-2.238 5-5 5z"
    />
</svg>