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 file, document, notes, clip, paperclip, archive, appendix, 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/13/2025

Tags

files and folders

Usage Snippets

Archive.svg

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 64 64"
>
    <linearGradient
        id="a"
        x1="32"
        x2="32"
        y1="63.483"
        y2="-2.63"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#006df0" />
        <stop offset="1" stop-color="#00e7f0" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="34.5"
        x2="34.5"
        y1="63.483"
        y2="-2.63"
        href="#a"
    />
    <linearGradient
        id="c"
        x1="31.5"
        x2="31.5"
        y1="63.483"
        y2="-2.63"
        href="#a"
    />
    <linearGradient id="d" x1="47" x2="47" y1="63.483" y2="-2.63" href="#a" />
    <linearGradient
        id="e"
        x1="17.5"
        x2="17.5"
        y1="63.483"
        y2="-2.63"
        href="#a"
    />
    <path
        fill="url(#a)"
        d="m53.67 18.26-11-10A.971.971 0 0 0 42 8H26V7a5 5 0 0 0-5-5h-2a5 5 0 0 0-5 5v1h-3a1 1 0 0 0-1 1v52a1 1 0 0 0 1 1h42a1 1 0 0 0 1-1V19a1 1 0 0 0-.33-.74zm-10.67-7L50.41 18H43zM16 7a3.009 3.009 0 0 1 3-3h2a3.009 3.009 0 0 1 3 3v1h-1V7a2.006 2.006 0 0 0-2-2h-2a2.006 2.006 0 0 0-2 2v10a2.006 2.006 0 0 0 2 2h2a2.006 2.006 0 0 0 2-2v-3h1v3a3.009 3.009 0 0 1-3 3h-2a3.009 3.009 0 0 1-3-3zm5 0v1h-2V7zm31 53H12V10h2v7a5 5 0 0 0 5 5h2a5 5 0 0 0 5-5v-4a1 1 0 0 0-1-1h-3a1 1 0 0 0-1 1v4h-2v-7h22v9a1 1 0 0 0 1 1h10z"
    />
    <path
        fill="url(#b)"
        d="M22 32h25a1 1 0 0 0 0-2H22a1 1 0 0 0 0 2zM22 26h25a1 1 0 0 0 0-2H22a1 1 0 0 0 0 2zM22 38h25a1 1 0 0 0 0-2H22a1 1 0 0 0 0 2zM22 44h25a1 1 0 0 0 0-2H22a1 1 0 0 0 0 2zM22 50h25a1 1 0 0 0 0-2H22a1 1 0 0 0 0 2z"
    />
    <path fill="url(#c)" d="M41 54H22a1 1 0 0 0 0 2h19a1 1 0 0 0 0-2z" />
    <path
        fill="url(#d)"
        d="M49 52a1 1 0 0 0-1 1v3h-3a1 1 0 0 0 0 2h4a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1z"
    />
    <g fill="url(#e)">
        <path
            d="M18 24h-1a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2zM18 30h-1a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2zM18 36h-1a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2zM18 42h-1a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2zM18 48h-1a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2zM18 54h-1a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2z"
        />
    </g>
</svg>