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 education, file, document, clipboard, test, files, check mark, folder, archive, check list, archives, and files and folders. Created in a clean gradient style with a gray, navy, and orange finish, 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="512pt"
    height="512pt"
    viewBox="0 0 512 512"
>
    <linearGradient
        id="b"
        x1="74.981"
        x2="437.019"
        y1="74.981"
        y2="437.019"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#4bb9ec" />
        <stop offset="1" stop-color="#0095ff" />
    </linearGradient>
    <linearGradient id="a">
        <stop offset="0" stop-color="#ffda2d" />
        <stop offset="1" stop-color="#fdbf00" />
    </linearGradient>
    <linearGradient
        id="c"
        x1="200.013"
        x2="320.945"
        y1="74.4"
        y2="195.332"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="d"
        x1="173.14"
        x2="347.818"
        y1="137.106"
        y2="311.784"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="e"
        x1="143.429"
        x2="368.571"
        y1="202.05"
        y2="427.192"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#61729b" />
        <stop offset="1" stop-color="#47568c" />
    </linearGradient>
    <linearGradient
        id="f"
        x1="229.126"
        x2="282.874"
        y1="278.192"
        y2="331.94"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <path
        fill="url(#b)"
        d="M512 256c0 141.387-114.613 256-256 256S0 397.387 0 256 114.613 0 256 0s256 114.613 256 256zm0 0"
    />
    <path
        fill="#47568c"
        d="m157.465 242.36-21.278 17.917-33.07-17.918 36.43-53.746 17.918 17.914zm0 0"
    />
    <path
        fill="#2c3b73"
        d="m354.535 242.36 21.277 17.917 33.07-17.918-36.429-53.746-17.918 17.914zm0 0"
    />
    <path
        fill="url(#c)"
        d="M263.168 81.117 256 91.867l-4.84 7.168H175.38v80.621H336.62V81.117zm0 0"
    />
    <path
        fill="#ff9100"
        d="m281.082 116.95-12.004 17.917H157.465v80.621h197.07V116.95zm0 0"
    />
    <path
        fill="url(#d)"
        d="M298.996 152.781 286.992 170.7H139.547v116.45h232.906V152.78zm0 0"
    />
    <path
        fill="url(#e)"
        d="m291.293 242.36-5.91 17.917h-58.766l-5.91-17.918h-117.59v144.524h305.766V242.359zm0 0"
    />
    <path fill="url(#f)" d="M256 296.11h-44.79v17.913h89.58V296.11zm0 0" />
</svg>