IconHubDesign System

Collections

Empty Collection

Add icons to this collection by clicking the heart icon.

Archive icon - Blue | SVG & PNG Free Download

Style Variants

Archive

Document And Files 31

Archive icon - also known as bookmark, file, document, paper, archive, minus, and files and folders. Created in a clean blue style with a white and silver finish, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.

7/14/2025

Tags

files and folders

Usage Snippets

Archive.svg

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 100 100"
>
    <linearGradient id="a">
        <stop offset="0" stop-color="#90f7ec" />
        <stop offset="1" stop-color="#32ccbc" />
    </linearGradient>
    <linearGradient
        id="d"
        x1="26.773"
        x2="71.45"
        y1="24.773"
        y2="69.45"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient id="b">
        <stop offset="0" stop-color="#abdcff" />
        <stop offset="1" stop-color="#0396ff" />
    </linearGradient>
    <linearGradient
        id="e"
        x1="42"
        x2="57"
        y1="20"
        y2="35"
        gradientUnits="userSpaceOnUse"
        href="#b"
    />
    <linearGradient id="c">
        <stop offset="0" stop-color="#dff2ff" />
        <stop offset="1" stop-color="#e4e3ff" />
    </linearGradient>
    <linearGradient
        id="f"
        x1="43.5"
        x2="66.5"
        y1="44.5"
        y2="44.5"
        gradientUnits="userSpaceOnUse"
        href="#c"
    />
    <linearGradient
        id="g"
        x1="32.5"
        x2="66.5"
        y1="52.5"
        y2="52.5"
        gradientUnits="userSpaceOnUse"
        href="#c"
    />
    <linearGradient
        id="h"
        x1="63.135"
        x2="75.862"
        y1="65.138"
        y2="77.865"
        gradientUnits="userSpaceOnUse"
        href="#b"
    />
    <linearGradient
        id="i"
        x1="64.5"
        x2="74.5"
        y1="71.5"
        y2="71.5"
        gradientUnits="userSpaceOnUse"
        href="#c"
    />
    <linearGradient
        id="j"
        x1="51.875"
        x2="58.125"
        y1="39.087"
        y2="49.913"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="k"
        x1="45"
        x2="54"
        y1="44.706"
        y2="60.294"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="l"
        x1="33.171"
        x2="69.891"
        y1="19.217"
        y2="82.817"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="m"
        x1="68"
        x2="71"
        y1="68.902"
        y2="74.098"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <path
        fill="#abdcff"
        d="M77.5 37.5v20c0 2.71-.6 5.29-1.69 7.59a8.954 8.954 0 0 0-6.31-2.59 9 9 0 0 0-8.11 12.9c-.62.07-1.25.1-1.89.1h-20c-9.94 0-18-8.06-18-18v-20c0-9.94 8.06-18 18-18h3v16l7-7 7 7v-16h3c9.94 0 18 8.06 18 18z"
    />
    <path fill="#0396ff" d="M56.5 19.5v16l-7-7-7 7v-16z" />
    <path
        fill="#e1f5ff"
        d="M65.5 45.5h-21a1 1 0 1 1 0-2h21a1 1 0 1 1 0 2zM65.5 53.5h-32a1 1 0 1 1 0-2h32a1 1 0 1 1 0 2z"
    />
    <path
        fill="#0396ff"
        d="M78.5 71.5a9 9 0 1 1-9-9c2.46 0 4.69.99 6.31 2.59a8.957 8.957 0 0 1 2.69 6.41z"
    />
    <path fill="#e1f5ff" d="M73.5 72.5h-8a1 1 0 1 1 0-2h8a1 1 0 1 1 0 2z" />
</svg>