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, error, 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="-23 0 480 480"
>
    <linearGradient id="a">
        <stop offset="0" stop-color="#006df0" />
        <stop offset="1" stop-color="#00e7f0" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="171.84"
        x2="164.344"
        y1="493.24"
        y2="-1.248"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="c"
        x1="306.712"
        x2="299.224"
        y1="491.2"
        y2="-3.288"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="d"
        x1="158.384"
        x2="150.896"
        y1="493.448"
        y2="-1.04"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="e"
        x1="238.368"
        x2="230.872"
        y1="492.232"
        y2="-2.256"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="f"
        x1="157.904"
        x2="150.408"
        y1="493.456"
        y2="-1.032"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="g"
        x1="237.88"
        x2="230.392"
        y1="492.24"
        y2="-2.248"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="h"
        x1="59.744"
        x2="52.248"
        y1="494.944"
        y2=".448"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="i"
        x1="123.728"
        x2="116.232"
        y1="493.968"
        y2="-.52"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="j"
        x1="172.808"
        x2="165.312"
        y1="493.224"
        y2="-1.264"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <path
        fill="url(#b)"
        d="M336 224V0H100.687L0 100.688V480h336v-80h-16v64H16V112h96V16h208v208zM27.312 96 96 27.312V96zm0 0"
    />
    <path
        fill="url(#c)"
        d="M388.848 442.105 304 357.258l-84.848 84.847-45.257-45.257L258.742 312l-84.847-84.848 45.257-45.257L304 266.742l84.848-84.847 45.257 45.257L349.258 312l84.847 84.848zM304 334.633l84.848 84.847 22.632-22.632L326.633 312l84.847-84.848-22.632-22.632L304 289.367l-84.848-84.847-22.632 22.632L281.367 312l-84.847 84.848 22.632 22.632zm0 0"
    />
    <path fill="url(#d)" d="M144 64h16v16h-16zm0 0" />
    <path fill="url(#e)" d="M176 64h112v16H176zm0 0" />
    <path fill="url(#f)" d="M144 96h16v16h-16zm0 0" />
    <path fill="url(#g)" d="M176 96h112v16H176zm0 0" />
    <path fill="url(#h)" d="M48 240h16v16H48zm0 0" />
    <path fill="url(#i)" d="M80 240h80v16H80zm0 0" />
    <path fill="url(#j)" d="M160 224H48v-96h240v88h-16v-72H64v64h96zm0 0" />
</svg>