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, image, 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="364"
        x2="364"
        y1="-45.6"
        y2="523.864"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="c"
        x1="248"
        x2="248"
        y1="-45.6"
        y2="523.864"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="d"
        x1="332"
        x2="332"
        y1="-45.6"
        y2="523.864"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="e"
        x1="176"
        x2="176"
        y1="-45.6"
        y2="523.864"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="f"
        x1="136"
        x2="136"
        y1="-45.6"
        y2="523.864"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <path fill="url(#b)" d="M480 408h-16V16H248V0h232zm0 0" />
    <path
        fill="url(#c)"
        d="M80 164.688V192h16v-16h96V80h208v384H96v-16H80v32h336V64H180.687zM107.313 160 176 91.312V160zm0 0"
    />
    <path fill="url(#d)" d="M216 32v16h216v392h16V32zm0 0" />
    <path
        fill="url(#e)"
        d="M352 200H0v240h352zm-16 16v140.688l-100.129-100.13-108 108L80 316.689l-64 64V216zM16 403.313l64-64L164.688 424H16zM187.313 424l-48.114-48.129 96.672-96.672L336 379.312V424zm0 0"
    />
    <path
        fill="url(#f)"
        d="M136 304c17.672 0 32-14.328 32-32s-14.328-32-32-32-32 14.328-32 32 14.328 32 32 32zm0-48c8.836 0 16 7.164 16 16s-7.164 16-16 16-16-7.164-16-16 7.164-16 16-16zm0 0"
    />
</svg>