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

Document Management 4

Archive icon - also known as file, document, paper, office, archive, destroy, 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

files and folders

Usage Snippets

Archive.svg

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="640"
    height="640"
    viewBox="-72 0 480 480"
>
    <linearGradient id="a">
        <stop offset="0" stop-color="#00e7f0" />
        <stop offset="1" stop-color="#006df0" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="168"
        x2="168"
        y1="-31.432"
        y2="500.992"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="c"
        x1="56"
        x2="56"
        y1="-31.432"
        y2="500.992"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="d"
        x1="112"
        x2="112"
        y1="-31.432"
        y2="500.992"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="e"
        x1="280"
        x2="280"
        y1="-31.432"
        y2="500.992"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="f"
        x1="224"
        x2="224"
        y1="-31.432"
        y2="500.992"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="g"
        x1="328"
        x2="328"
        y1="-31.432"
        y2="500.992"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="h"
        x1="8"
        x2="8"
        y1="-31.432"
        y2="500.992"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <path
        fill="url(#b)"
        d="M100.688 0 0 100.688V400h16V112h96V16h208v368h16V0zM27.311 96 96 27.312V96zm0 0"
    />
    <path fill="url(#c)" d="M48 352h16v128H48zm0 0" />
    <path fill="url(#d)" d="M104 256h16v128h-16zm0 0" />
    <path fill="url(#b)" d="M160 368h16v96h-16zm0 0" />
    <path fill="url(#d)" d="M104 400h16v32h-16zm0 0" />
    <path fill="url(#e)" d="M272 312h16v120h-16zm0 0" />
    <path fill="url(#f)" d="M216 224h16v128h-16zM216 368h16v32h-16zm0 0" />
    <path fill="url(#e)" d="M272 448h16v32h-16zm0 0" />
    <g fill="url(#g)">
        <path
            d="M320 464h16v16h-16zM320 432h16v16h-16zM320 400h16v16h-16zm0 0"
        />
    </g>
    <path fill="url(#h)" d="M0 416h16v16H0zm0 0" />
</svg>