IconHubDesign System

Collections

Empty Collection

Add icons to this collection by clicking the heart icon.

Archive icon - Gradient | SVG & PNG Free Download

Style Variants

Archive

Archive icon - also known as file, document, storage, office material, archive, filing cabinet, and files and folders. Created in a clean gradient style, 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

Archive.svg

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 2 98 98"
>
    <linearGradient
        id="a"
        x1="49"
        x2="49"
        y1="3.75"
        y2="88.445"
        gradientTransform="translate(0 4)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#00efd1" />
        <stop offset="1" stop-color="#00acea" />
    </linearGradient>
    <path
        d="M84.5 40.6V21.4c0-3.9-3.1-7-7-7h-57c-3.9 0-7 3.1-7 7v59.2c0 3.9 3.1 7 7 7h57c3.9 0 7-3.1 7-7V63.8h-.1l.1-23.2zm-64-20.2h57c.5 0 1 .5 1 1v16.2h-59V21.4c0-.5.5-1 1-1zm57.9 23.2v17.2H19.5V43.6h58.9zm-.9 38h-57c-.5 0-1-.5-1-1V66.8h59v13.8c0 .5-.5 1-1 1z"
        fill="url(#a)"
    />
    <linearGradient
        id="b"
        x1="49"
        x2="49"
        y1="3.75"
        y2="88.445"
        gradientTransform="translate(0 4)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#00efd1" />
        <stop offset="1" stop-color="#00acea" />
    </linearGradient>
    <path
        d="M41.7 32h14.6c1.7 0 3-1.3 3-3s-1.3-3-3-3H41.7c-1.7 0-3 1.3-3 3s1.3 3 3 3z"
        fill="url(#b)"
    />
    <linearGradient
        id="c"
        x1="49"
        x2="49"
        y1="3.75"
        y2="88.445"
        gradientTransform="translate(0 4)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#00efd1" />
        <stop offset="1" stop-color="#00acea" />
    </linearGradient>
    <path
        d="M41.7 55.2h14.6c1.7 0 3-1.3 3-3s-1.3-3-3-3H41.7c-1.7 0-3 1.3-3 3s1.3 3 3 3z"
        fill="url(#c)"
    />
    <linearGradient
        id="d"
        x1="49"
        x2="49"
        y1="3.75"
        y2="88.445"
        gradientTransform="translate(0 4)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#00efd1" />
        <stop offset="1" stop-color="#00acea" />
    </linearGradient>
    <path
        d="M56.3 71.2H41.7c-1.7 0-3 1.3-3 3s1.3 3 3 3h14.6c1.7 0 3-1.3 3-3s-1.3-3-3-3z"
        fill="url(#d)"
    />
</svg>