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

Quality Control 6

File icon - also known as file, document, check mark, checked, approval, archive, push button, and files and folders. Created in a clean flat style with a white, silver, gray, navy, and pink finish, 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

File.svg

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <path
        fill="#f9f4f3"
        d="M286 0H31c-8.291 0-15 6.709-15 15v482c0 8.291 6.709 15 15 15h360c8.291 0 15-6.709 15-15V120z"
    />
    <path
        fill="#f0e6e1"
        d="M406 497V120L286 0h-75v512h180c8.291 0 15-6.709 15-15z"
    />
    <g fill="#cde2ff">
        <path
            d="M256 135c0 8.399-6.599 15-15 15H91c-8.401 0-15-6.601-15-15 0-8.401 6.599-15 15-15h150c8.401 0 15 6.599 15 15zM256 195c0 8.399-6.599 15-15 15H91c-8.401 0-15-6.601-15-15 0-8.401 6.599-15 15-15h150c8.401 0 15 6.599 15 15zM256 255c0 8.399-6.599 15-15 15H91c-8.401 0-15-6.601-15-15 0-8.401 6.599-15 15-15h150c8.401 0 15 6.599 15 15z"
        />
    </g>
    <path
        fill="#e6dbcf"
        d="m401.605 94.395-90-90A14.986 14.986 0 0 0 301 0h-15v105c0 8.291 6.709 15 15 15h105v-15c0-3.984-1.582-7.793-4.395-10.605z"
    />
    <path
        fill="#b3ccff"
        d="M256 255c0 8.399-6.599 15-15 15h-30v-30h30c8.401 0 15 6.599 15 15zM256 195c0 8.399-6.599 15-15 15h-30v-30h30c8.401 0 15 6.599 15 15zM241 150h-30v-30h30c8.401 0 15 6.599 15 15 0 8.399-6.599 15-15 15z"
    />
    <path
        fill="#7ed96c"
        d="M221.605 365.395c-2.93-2.93-6.768-4.395-10.605-4.395s-7.676 1.465-10.605 4.395L151 414.789l-19.395-19.395c-5.859-5.859-15.352-5.859-21.211 0s-5.859 15.352 0 21.211l30 30c2.93 2.93 6.768 4.395 10.605 4.395s7.676-1.465 10.605-4.395L211 397.211l10.605-10.605c5.86-5.86 5.86-15.352 0-21.211z"
    />
    <path
        fill="#48b348"
        d="M221.605 365.395A14.952 14.952 0 0 0 211 361v36.211l10.605-10.605c5.86-5.86 5.86-15.352 0-21.211z"
    />
    <path fill="#4d6699" d="M391 376h-75v60h150v-60z" />
    <path fill="#404b80" d="M391 376h75v60h-75z" />
    <path
        fill="#404b80"
        d="M481 421H301c-8.291 0-15 6.709-15 15s6.709 15 15 15h180c8.291 0 15-6.709 15-15s-6.709-15-15-15z"
    />
    <path
        fill="#336"
        d="M496 436c0-8.291-6.709-15-15-15h-90v30h90c8.291 0 15-6.709 15-15z"
    />
    <path
        fill="#7ed96c"
        d="M451 180H331c-24.814 0-45 20.186-45 45v151c0 8.291 6.709 15 15 15h180c8.291 0 15-6.709 15-15V225c0-24.814-20.186-45-45-45z"
    />
    <path
        fill="#48b348"
        d="M496 376V225c0-24.814-20.186-45-45-45h-60v211h90c8.291 0 15-6.709 15-15z"
    />
    <circle cx="391" cy="285" r="45" fill="#f9f4f3" />
    <path
        fill="#f0e6e1"
        d="M436 285c0-24.814-20.186-45-45-45v90c24.814 0 45-20.186 45-45z"
    />
</svg>