IconHubDesign System

Collections

Empty Collection

Add icons to this collection by clicking the heart icon.

File Folder icon - Lineal Color | SVG & PNG Free Download

Style Variants

File Folder

File Folder icon - also known as business, file, folder, office material, folders, archive, file folder, and files and folders. Created in a clean lineal color style with a white, silver, gray, and black finish, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.

7/24/2025

Tags

office material

files and folders

Usage Snippets

FileFolder.svg

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="100"
    height="100"
    viewBox="0 0 490 490"
>
    <path
        d="M50 235h90v35H50zM200 235h90v35h-90zM350 235h90v35h-90z"
        fill="#afb6bb"
    />
    <path
        d="M350 10h90v225h-90zM200 10h90v225h-90zM50 10h90v225H50zM95 380c16.602 0 30 13.398 30 30s-13.398 30-30 30-30-13.398-30-30 13.398-30 30-30zM245 380c16.602 0 30 13.398 30 30s-13.398 30-30 30-30-13.398-30-30 13.398-30 30-30zM365 410c0-16.602 13.398-30 30-30s30 13.398 30 30-13.398 30-30 30-30-13.398-30-30z"
        fill="#546a79"
    />
    <path
        d="M320 340v140H170V340h150zm-45 70c0-16.602-13.398-30-30-30s-30 13.398-30 30 13.398 30 30 30 30-13.398 30-30zM320 10v330H170V10h30v260h90V10zM20 340V10h30v260h90V10h30v330H45zM350 270h90V10h30v330H320V10h30v225z"
        fill="#e7eced"
    />
    <path
        d="M470 340v140H320V340h150zm-45 70c0-16.602-13.398-30-30-30s-30 13.398-30 30 13.398 30 30 30 30-13.398 30-30zM170 340v140H20V340h150zm-45 70c0-16.602-13.398-30-30-30s-30 13.398-30 30 13.398 30 30 30 30-13.398 30-30z"
        fill="#afb6bb"
    />
    <path
        d="M245 370c-22.056 0-40 17.944-40 40s17.944 40 40 40 40-17.944 40-40-17.944-40-40-40zm0 60c-11.028 0-20-8.972-20-20s8.972-20 20-20 20 8.972 20 20-8.972 20-20 20z"
        fill="#231f20"
    />
    <path
        d="M235 400h20v20h-20zM195 295h42.998v20H195zM195 330h100v20H195zM255 295h25v20h-25zM250 30h20v50h-20zM220 30h20v160h-20z"
        fill="#231f20"
    />
    <path
        d="M470 0H20c-5.523 0-10 4.477-10 10v470c0 5.523 4.477 10 10 10h450c5.522 0 10-4.477 10-10V10c0-5.523-4.478-10-10-10zM60 245h70v15H60v-15zm70-20H60V20h70v205zm30 245H30V20h10v250c0 5.523 4.478 10 10 10h90c5.523 0 10-4.477 10-10V20h10v450zm50-225h70v15h-70v-15zm70-20h-70V20h70v205zm-80 55h90c5.522 0 10-4.477 10-10V20h10v450H180V20h10v250c0 5.523 4.477 10 10 10zm160-35h70v15h-70v-15zm70-20h-70V20h70v205zm30 245H330V20h10v250c0 5.523 4.478 10 10 10h90c5.522 0 10-4.477 10-10V20h10v450z"
        fill="#231f20"
    />
    <path
        d="M395 370c-22.056 0-40 17.944-40 40s17.944 40 40 40 40-17.944 40-40-17.944-40-40-40zm0 60c-11.028 0-20-8.972-20-20s8.972-20 20-20 20 8.972 20 20-8.972 20-20 20z"
        fill="#231f20"
    />
    <path
        d="M385 400h20v20h-20zM345 295h42.9v20H345zM345 330h100v20H345zM405 295h25v20h-25zM400 30h20v50h-20zM370 30h20v160h-20zM95 370c-22.056 0-40 17.944-40 40s17.944 40 40 40 40-17.944 40-40-17.944-40-40-40zm0 60c-11.028 0-20-8.972-20-20s8.972-20 20-20 20 8.972 20 20-8.972 20-20 20z"
        fill="#231f20"
    />
    <path
        d="M85 400h20v20H85zM45 295h42.9v20H45zM45 330h100v20H45zM105 295h25v20h-25zM100 30h20v50h-20zM70 30h20v160H70z"
        fill="#231f20"
    />
</svg>