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

Document And Files 7

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

7/13/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="#5f5f82"
        d="M256 452c-8.284 0-15-6.716-15-15v-60c0-8.284 6.716-15 15-15s15 6.716 15 15v60c0 8.284-6.716 15-15 15z"
    />
    <path
        fill="#3c3c55"
        d="M271 437v-60c0-8.284-6.716-15-15-15v90c8.284 0 15-6.716 15-15z"
    />
    <path
        fill="#5f5f82"
        d="M226 482H75c-8.284 0-15-6.716-15-15s6.716-15 15-15h151c8.284 0 15 6.716 15 15s-6.716 15-15 15z"
    />
    <path
        fill="#3c3c55"
        d="M437 482H286c-8.284 0-15-6.716-15-15s6.716-15 15-15h151c8.284 0 15 6.716 15 15s-6.716 15-15 15z"
    />
    <path
        fill="#e4f2f9"
        d="M301 0H156c-24.813 0-45 20.187-45 45v302c0 24.813 20.187 45 45 45h200c24.813 0 45-20.187 45-45V100z"
    />
    <path fill="#bde0f1" d="M301 0h-45v392h100c24.813 0 45-20.187 45-45V100z" />
    <path fill="#77bee2" d="M316 100h85L301 0v85c0 8.284 6.716 15 15 15z" />
    <g fill="#5f5f82">
        <path
            d="M326 170H186c-8.284 0-15-6.716-15-15s6.716-15 15-15h140c8.284 0 15 6.716 15 15s-6.716 15-15 15zM326 230H186c-8.284 0-15-6.716-15-15s6.716-15 15-15h140c8.284 0 15 6.716 15 15s-6.716 15-15 15zM326 290H186c-8.284 0-15-6.716-15-15s6.716-15 15-15h140c8.284 0 15 6.716 15 15s-6.716 15-15 15z"
        />
    </g>
    <path
        fill="#3c3c55"
        d="M341 155c0-8.284-6.716-15-15-15h-70v30h70c8.284 0 15-6.716 15-15zM341 215c0-8.284-6.716-15-15-15h-70v30h70c8.284 0 15-6.716 15-15zM326 290c8.284 0 15-6.716 15-15s-6.716-15-15-15h-70v30z"
    />
    <path
        fill="#ff7350"
        d="M256 512c-24.813 0-45-20.187-45-45s20.187-45 45-45 45 20.187 45 45-20.187 45-45 45z"
    />
    <path
        fill="#ff4b20"
        d="M301 467c0-24.813-20.187-45-45-45v90c24.813 0 45-20.187 45-45zM467 512c-24.813 0-45-20.187-45-45s20.187-45 45-45 45 20.187 45 45-20.187 45-45 45z"
    />
    <path
        fill="#ff7350"
        d="M45 512c-24.813 0-45-20.187-45-45s20.187-45 45-45 45 20.187 45 45-20.187 45-45 45z"
    />
</svg>