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

Files And Documents 28

File icon - also known as file, document, cancel, archive, incomplete, void, and files and folders. Created in a clean flat style with a white, silver, and gray finish, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.

7/12/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="#ddeafb"
        d="M510.197 196.528v274.389c0 22.695-18.389 41.084-41.073 41.084H131.637c-19.388 0-35.634-13.434-39.951-31.503l-.165-23.488-.958-139.878V41.084C90.564 18.389 108.952 0 131.637 0H313.67c16.359 0 69.341 45.173 116.173 92.747 42.732 43.422 80.354 88.843 80.354 103.781z"
    />
    <path
        fill="#cbe2ff"
        d="M510.197 196.528v100.515c0-.113-.01-.227-.01-.35-3.091-123.333-103.554-129.04-136.406-161.893l56.062-42.052c42.732 43.421 80.354 88.842 80.354 103.78z"
    />
    <path
        fill="#cbe2ff"
        d="M313.665 0H213.15c.113 0 .227.01.35.01 123.333 3.091 129.04 103.554 161.893 136.406l42.052-56.062C374.023 37.622 328.602 0 313.665 0z"
    />
    <path
        fill="#bed8fb"
        d="M510.197 196.533v17.377c0-36.586-29.667-66.253-66.253-66.253H403.62c-22.684 0-41.081-18.397-41.081-41.081V66.253C362.539 29.667 332.872 0 296.286 0h17.377c31.29 0 61.308 12.433 83.433 34.557L475.64 113.1a118.007 118.007 0 0 1 34.557 83.433z"
    />
    <g fill="#617881">
        <path
            d="M439.92 240.032H159.001a7.726 7.726 0 1 1 0-15.452H439.92a7.726 7.726 0 1 1 0 15.452zM439.92 281.131H159.001a7.726 7.726 0 1 1 0-15.452H439.92a7.726 7.726 0 1 1 0 15.452zM439.92 322.23H159.001a7.726 7.726 0 1 1 0-15.452H439.92a7.726 7.726 0 1 1 0 15.452zM313.276 363.329H159.001a7.726 7.726 0 1 1 0-15.452h154.275a7.726 7.726 0 1 1 0 15.452zM262.196 126.039H159.001a7.726 7.726 0 1 1 0-15.452h103.195a7.725 7.725 0 0 1 7.726 7.726 7.725 7.725 0 0 1-7.726 7.726z"
        />
    </g>
    <circle cx="129.538" cy="384.262" r="127.735" fill="#dd636e" />
    <path
        fill="#da4a54"
        d="M73.259 474.585c20.602 20.602 46.494 32.692 73.294 36.272-38.099 5.1-78.057-6.99-107.338-36.272-49.884-49.884-49.884-130.76 0-180.643 29.282-29.282 69.239-41.372 107.338-36.272-26.8 3.58-52.692 15.67-73.294 36.272-49.883 49.883-49.883 130.759 0 180.643z"
    />
    <g fill="#617881">
        <path
            d="M186.628 449.079a7.708 7.708 0 0 1-5.464-2.263l-114.18-114.18a7.727 7.727 0 0 1 10.928-10.927l114.18 114.18a7.727 7.727 0 0 1-5.464 13.19z"
        />
        <path
            d="M72.448 449.079a7.727 7.727 0 0 1-5.464-13.19l114.18-114.18a7.727 7.727 0 0 1 10.928 10.927l-114.18 114.18a7.708 7.708 0 0 1-5.464 2.263z"
        />
    </g>
</svg>