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 interface, sheet, text, paper, documents, copy, archive, ui, sheets, papers, 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="#20d6de" />
        <stop offset="1" stop-color="#5e309d" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="-56"
        x2="482.144"
        y1="384"
        y2="384"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="c"
        x1="-56"
        x2="482.144"
        y1="240"
        y2="240"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="d"
        x1="-56"
        x2="482.144"
        y1="376"
        y2="376"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="e"
        x1="-56"
        x2="482.144"
        y1="440"
        y2="440"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="f"
        x1="-56"
        x2="482.144"
        y1="432"
        y2="432"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="g"
        x1="-56"
        x2="482.144"
        y1="216"
        y2="216"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="h"
        x1="-56"
        x2="482.144"
        y1="184"
        y2="184"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="i"
        x1="-56"
        x2="482.144"
        y1="280"
        y2="280"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="j"
        x1="-56"
        x2="482.144"
        y1="248"
        y2="248"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="k"
        x1="-56"
        x2="482.144"
        y1="152"
        y2="152"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="l"
        x1="-56"
        x2="482.144"
        y1="120"
        y2="120"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <path fill="url(#b)" d="M96 408h288v-48H96zm16-32h256v16H112zm0 0" />
    <path
        fill="url(#c)"
        d="M448 8a8 8 0 0 0-8-8H104a8 8 0 0 0-8 8v24H72a8 8 0 0 0-8 8v60.688l-29.656 29.656A8.001 8.001 0 0 0 32 136v184H0v160h480V320h-32zm-336 8h320v304h-16V40a8 8 0 0 0-8-8H112zM80 48h320v272h-16V72a8 8 0 0 0-8-8H104a8.001 8.001 0 0 0-5.656 2.344L80 84.688zm16 43.313V128H59.312zM48 144h56a8 8 0 0 0 8-8V80h256v240H48zm416 192v128H16V336zm0 0"
    />
    <path fill="url(#d)" d="M32 400h16v-32h16v-16H32zm0 0" />
    <path fill="url(#e)" d="M432 432h16v16h-16zM400 432h16v16h-16zm0 0" />
    <path fill="url(#f)" d="M136 424h208v16H136zm0 0" />
    <path fill="url(#g)" d="M160 208h160v16H160zm0 0" />
    <path fill="url(#h)" d="M160 176h160v16H160zm0 0" />
    <path fill="url(#i)" d="M160 272h160v16H160zm0 0" />
    <path fill="url(#j)" d="M160 240h160v16H160zm0 0" />
    <path fill="url(#k)" d="M160 144h160v16H160zm0 0" />
    <path fill="url(#l)" d="M160 112h160v16H160zm0 0" />
</svg>