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, browser, 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="0 0 480 480"
>
    <linearGradient id="a">
        <stop offset="0" stop-color="#00e7f0" />
        <stop offset="1" stop-color="#006df0" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="240"
        x2="240"
        y1="-68.08"
        y2="486.808"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="c"
        x1="40"
        x2="40"
        y1="-68.08"
        y2="486.808"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="d"
        x1="72"
        x2="72"
        y1="-68.08"
        y2="486.808"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="e"
        x1="104"
        x2="104"
        y1="-68.08"
        y2="486.808"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="f"
        x1="128"
        x2="128"
        y1="-68.08"
        y2="486.808"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="g"
        x1="256"
        x2="256"
        y1="-68.08"
        y2="486.808"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="h"
        x1="224"
        x2="224"
        y1="-68.08"
        y2="486.808"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="i"
        x1="304"
        x2="304"
        y1="-68.08"
        y2="486.808"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <path
        fill="url(#b)"
        d="M0 0v432h72v48h336v-48h72V0zm392 464H88V208h96v-96h208zM99.312 192 168 123.312V192zM464 416h-56V96H172.687L72 196.688V416H16V80h448zM16 64V16h448v48zm0 0"
    />
    <path fill="url(#c)" d="M32 32h16v16H32zm0 0" />
    <path fill="url(#d)" d="M64 32h16v16H64zm0 0" />
    <path fill="url(#e)" d="M96 32h16v16H96zm0 0" />
    <path fill="url(#f)" d="M120 416h16v16h-16zm0 0" />
    <path fill="url(#g)" d="M152 416h208v16H152zm0 0" />
    <path fill="url(#f)" d="M120 384h16v16h-16zm0 0" />
    <path fill="url(#g)" d="M152 384h208v16H152zm0 0" />
    <path fill="url(#h)" d="M216 192h16v16h-16zm0 0" />
    <path fill="url(#i)" d="M248 192h112v16H248zm0 0" />
    <path fill="url(#h)" d="M216 160h16v16h-16zm0 0" />
    <path fill="url(#i)" d="M248 160h112v16H248zm0 0" />
    <path fill="url(#b)" d="M120 368h240v-96H120zm16-80h208v64H136zm0 0" />
    <path fill="url(#f)" d="M120 240h16v16h-16zm0 0" />
    <path fill="url(#g)" d="M152 240h208v16H152zm0 0" />
</svg>