IconHubDesign System

Collections

Empty Collection

Add icons to this collection by clicking the heart icon.

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

Style Variants

File Folder

File Folder icon - also known as book, document, archive, file folder, and files and folders. Created in a clean lineal gradient style, 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

FileFolder.svg

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <linearGradient
        id="a"
        x1="-30.338"
        x2="456.565"
        y1="438.338"
        y2="-48.565"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#003f8a" />
        <stop offset=".518" stop-color="#00d7df" />
        <stop offset="1" stop-color="#006df0" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="121.662"
        x2="608.565"
        y1="590.338"
        y2="103.435"
        href="#a"
    />
    <linearGradient
        id="c"
        x1="149.412"
        x2="636.315"
        y1="618.088"
        y2="131.185"
        href="#a"
    />
    <linearGradient
        id="d"
        x1="2.143"
        x2="489.046"
        y1="470.818"
        y2="-16.085"
        href="#a"
    />
    <linearGradient
        id="e"
        x1="-142.338"
        x2="344.565"
        y1="326.338"
        y2="-160.565"
        href="#a"
    />
    <path
        fill="url(#a)"
        d="M368 112H80a8 8 0 0 0-8 8v128a8 8 0 0 0 8 8h288a8 8 0 0 0 8-8V120a8 8 0 0 0-8-8zm-8 128H88V128h272z"
    />
    <path fill="url(#b)" d="M368 432H176a8 8 0 0 0 0 16h192a8 8 0 0 0 0-16z" />
    <path fill="url(#c)" d="M367 456H240a8 8 0 0 0 0 16h127a8 8 0 0 0 0-16z" />
    <path
        fill="url(#d)"
        d="M448 192a24.032 24.032 0 0 0 24-24v-32a24.032 24.032 0 0 0-24-24h-8V64a8 8 0 0 0-8-8h-24V40a32.03 32.03 0 0 0-32-32H48a8 8 0 0 0-8 8v480a8 8 0 0 0 8 8h328a32.03 32.03 0 0 0 32-32v-16h24a8 8 0 0 0 8-8v-48h8a24.032 24.032 0 0 0 24-24v-32a24.032 24.032 0 0 0-24-24h-8v-24h8a24.032 24.032 0 0 0 24-24v-32a24.032 24.032 0 0 0-24-24h-8v-24zm-8-64h8a8.011 8.011 0 0 1 8 8v32a8.011 8.011 0 0 1-8 8h-8zm-48 344a16.021 16.021 0 0 1-16 16H56V24h320a16.021 16.021 0 0 1 16 16zm56-136a8.011 8.011 0 0 1 8 8v32a8.011 8.011 0 0 1-8 8h-8v-48zm0-104a8.011 8.011 0 0 1 8 8v32a8.011 8.011 0 0 1-8 8h-16a8 8 0 0 0-8 8v152h-16V72h16v152a8 8 0 0 0 8 8z"
    />
    <g fill="url(#e)">
        <path
            d="M80 56h112a8 8 0 0 0 0-16H80a8 8 0 0 0 0 16zM80 80h64a8 8 0 0 0 0-16H80a8 8 0 0 0 0 16z"
        />
    </g>
</svg>