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, smartphone, mobile phone, paper, office, archive, cellphone, files and folders, and paperless. 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="-40 0 480 480"
>
    <linearGradient id="a">
        <stop offset="0" stop-color="#00e7f0" />
        <stop offset="1" stop-color="#006df0" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="168"
        x2="168"
        y1="-53.096"
        y2="508.824"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="c"
        x1="256"
        x2="256"
        y1="-53.096"
        y2="508.824"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="d"
        x1="200"
        x2="200"
        y1="-53.096"
        y2="508.824"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="e"
        x1="88"
        x2="88"
        y1="-53.096"
        y2="508.824"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="f"
        x1="216"
        x2="216"
        y1="-53.096"
        y2="508.824"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <path fill="url(#b)" d="M160 64h16v16h-16zm0 0" />
    <path fill="url(#c)" d="M192 64h128v16H192zm0 0" />
    <path fill="url(#b)" d="M160 96h16v16h-16zm0 0" />
    <path fill="url(#c)" d="M192 96h128v16H192zm0 0" />
    <g fill="url(#d)">
        <path d="M80 224h240v-96H80zm16-80h208v64H96zm0 0" />
        <path
            d="M384 48h-8v16h8v320h-16V0H132.687L32 100.688V384H16V80c0-8.836 7.164-16 16-16h24V48H32C14.328 48 0 62.328 0 80v360c.027 22.082 17.918 39.973 40 40h320c22.082-.027 39.973-17.918 40-40V64c0-8.836-7.164-16-16-16zM128 27.312V96H59.312zM48 112h96V16h208v368H48zm312 352H40c-13.254 0-24-10.746-24-24v-40h368v40c0 13.254-10.746 24-24 24zm0 0"
        />
        <path
            d="M200 408c-13.254 0-24 10.746-24 24s10.746 24 24 24 24-10.746 24-24-10.746-24-24-24zm0 32a8 8 0 1 1 0-16 8 8 0 0 1 0 16zm0 0"
        />
    </g>
    <path fill="url(#e)" d="M80 256h16v16H80zm0 0" />
    <path fill="url(#f)" d="M112 256h208v16H112zm0 0" />
    <path fill="url(#e)" d="M80 288h16v16H80zm0 0" />
    <path fill="url(#f)" d="M112 288h208v16H112zm0 0" />
    <path fill="url(#e)" d="M80 320h16v16H80zm0 0" />
    <path fill="url(#f)" d="M112 320h208v16H112zm0 0" />
</svg>