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, checked, archive, completion, fact, 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="-23 0 480 480"
>
    <linearGradient id="a">
        <stop offset="0" stop-color="#006df0" />
        <stop offset="1" stop-color="#00e7f0" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="152.264"
        x2="189.728"
        y1="523.224"
        y2="-31.2"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="c"
        x1="255.32"
        x2="292.784"
        y1="530.192"
        y2="-24.24"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="d"
        x1="121.648"
        x2="159.112"
        y1="521.16"
        y2="-33.272"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="e"
        x1="201.288"
        x2="238.752"
        y1="526.536"
        y2="-27.888"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="f"
        x1="123.8"
        x2="161.264"
        y1="521.304"
        y2="-33.128"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="g"
        x1="203.44"
        x2="240.904"
        y1="526.68"
        y2="-27.744"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="h"
        x1="144.576"
        x2="182.032"
        y1="522.704"
        y2="-31.72"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="i"
        x1="37.928"
        x2="75.384"
        y1="515.496"
        y2="-38.928"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="j"
        x1="165.344"
        x2="202.808"
        y1="524.112"
        y2="-30.32"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <path
        fill="url(#b)"
        d="M320 464H16V112h96V16h208v208h16V0H100.687L0 100.688V480h336V368h-16zM27.312 96 96 27.312V96zm0 0"
    />
    <path
        fill="url(#c)"
        d="m156.121 284.922-45.258 45.254L224 443.313l209.305-209.305-45.258-45.207L224 352.8zm254.55-50.914L224 420.688l-90.512-90.512 22.633-22.633L224 375.433l164.047-164.05zm0 0"
    />
    <path fill="url(#d)" d="M144 64h16v16h-16zm0 0" />
    <path fill="url(#e)" d="M176 64h112v16H176zm0 0" />
    <path fill="url(#f)" d="M144 96h16v16h-16zm0 0" />
    <path fill="url(#g)" d="M176 96h112v16H176zm0 0" />
    <path fill="url(#h)" d="M288 128H48v96h240zm-16 80H64v-64h208zm0 0" />
    <path fill="url(#i)" d="M48 240h16v16H48zm0 0" />
    <path fill="url(#j)" d="M80 240h208v16H80zm0 0" />
</svg>