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 furniture and household. 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

furniture and household

Usage Snippets

Archive.svg

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="100"
    height="100"
    viewBox="0 0 368.316 368.316"
>
    <linearGradient
        id="a"
        x1="184.158"
        x2="184.158"
        y1="431.855"
        y2="-58.67"
        gradientTransform="matrix(1 0 0 -1 0 370)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#00efd1" />
        <stop offset="1" stop-color="#00acea" />
    </linearGradient>
    <path
        d="M298.06 0H69.855c-27.404-.099-49.7 22.035-49.8 49.44V318.316c-.015 27.581 22.319 49.96 49.9 50h228.344c27.602-.008 49.971-22.389 49.963-49.991v-.044l-.2-268.435C348.017 22.275 325.631-.041 298.06 0zM40.055 49.684C40.008 33.337 53.222 20.047 69.57 20l.285.001h228.2c16.513-.055 29.945 13.287 30 29.8v.05l.046 64.15H40.055V49.684zm0 84.316h288.064l.073 100H40.055V134zm279.418 205.518a29.802 29.802 0 0 1-21.221 8.794H69.957c-16.541-.028-29.928-13.459-29.9-30V254h288.148l.046 64.291a29.8 29.8 0 0 1-8.778 21.227z"
        fill="url(#a)"
    />
    <linearGradient
        id="b"
        x1="183.959"
        x2="183.959"
        y1="431.855"
        y2="-58.67"
        gradientTransform="matrix(1 0 0 -1 0 370)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#00efd1" />
        <stop offset="1" stop-color="#00acea" />
    </linearGradient>
    <path
        d="M212.055 43h-56.192c-14.359 0-26 11.641-26 26s11.641 26 26 26h56.192c14.359 0 26-11.641 26-26s-11.641-26-26-26zm0 32h-56.192a6 6 0 1 1 0-12h56.192a6 6 0 1 1 0 12z"
        fill="url(#b)"
    />
    <linearGradient
        id="c"
        x1="183.959"
        x2="183.959"
        y1="431.855"
        y2="-58.67"
        gradientTransform="matrix(1 0 0 -1 0 370)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#00efd1" />
        <stop offset="1" stop-color="#00acea" />
    </linearGradient>
    <path
        d="M212.055 274h-56.192c-14.359 0-26 11.641-26 26s11.641 26 26 26h56.192c14.359 0 26-11.641 26-26s-11.641-26-26-26zm0 32h-56.192a6 6 0 1 1 0-12h56.192a6 6 0 1 1 0 12z"
        fill="url(#c)"
    />
    <linearGradient
        id="d"
        x1="183.959"
        x2="183.959"
        y1="431.855"
        y2="-58.67"
        gradientTransform="matrix(1 0 0 -1 0 370)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#00efd1" />
        <stop offset="1" stop-color="#00acea" />
    </linearGradient>
    <path
        d="M212.055 158h-56.192c-14.359 0-26 11.641-26 26s11.641 26 26 26h56.192c14.359 0 26-11.641 26-26s-11.641-26-26-26zm0 32h-56.192a6 6 0 1 1 0-12h56.192a6 6 0 1 1 0 12z"
        fill="url(#d)"
    />
</svg>