IconHubDesign System

Collections

Empty Collection

Add icons to this collection by clicking the heart icon.

Archive icon - Flat Gradient | SVG & PNG Free Download

Style Variants

Archive

Archive icon - also known as document, storage, office material, archive, filing cabinet, and files and folders. Created in a clean flat gradient style with a white finish, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.

7/15/2025

Tags

office material

files and folders

Usage Snippets

Archive.svg

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 2833 2833"
>
    <linearGradient
        id="a"
        x1="0"
        x2="2833.33"
        y1="1416.67"
        y2="1416.67"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#ec297b" />
        <stop offset=".059" stop-color="#db2776" />
        <stop offset=".169" stop-color="#c0236d" />
        <stop offset=".278" stop-color="#ad2168" />
        <stop offset=".4" stop-color="#a21f64" />
        <stop offset=".522" stop-color="#9e1f63" />
        <stop offset=".961" stop-color="#90278e" />
        <stop offset="1" stop-color="#90278e" />
    </linearGradient>
    <g fill-rule="evenodd">
        <circle cx="1417" cy="1417" r="1417" fill="url(#a)" />
        <path
            fill="#fff"
            d="M2213 2270H621c-11 0-20-9-20-20v-787c0-11 9-20 20-20h1592c11 0 20 9 20 20v787c0 11-9 20-20 20zm-1572-40h1552v-747H641z"
        />
        <path
            fill="#fff"
            d="M2213 1483H621c-7 0-13-3-17-8-4-6-4-13-2-19l375-880c3-8 10-13 18-13h843c8 0 15 5 18 13l375 880c3 6 2 13-2 19-3 5-10 8-16 8zm-1562-40h1531l-357-840h-816z"
        />
        <path
            fill="#fff"
            d="M1894 1483H939c-11 0-20-8-20-20v-386c0-11 9-20 20-20h955c11 0 20 9 20 20v386c0 12-9 20-20 20zm-935-40h915v-346H959zM1020 961c-11 0-20-9-20-20V793c0-11 9-20 20-20h793c11 0 20 9 20 20v148c0 11-9 20-20 20s-20-9-20-20V813h-753v128c0 11-9 20-20 20z"
        />
        <path
            fill="#fff"
            d="M986 1098c-11 0-20-9-20-20V941c0-11 9-20 20-20h862c11 0 20 9 20 20v136c0 11-9 20-20 20s-20-9-20-20V961h-822v117c0 11-9 20-20 20zM1659 1192h-485c-11 0-20-9-20-20s9-20 20-20h485c11 0 20 9 20 20s-9 20-20 20zM1659 1290h-485c-11 0-20-9-20-20s9-20 20-20h485c11 0 20 9 20 20s-9 20-20 20zM1659 1389h-485c-11 0-20-9-20-20s9-20 20-20h485c11 0 20 9 20 20s-9 20-20 20zM1819 1980h-805c-11 0-20-9-20-20v-206c0-11 9-20 20-20h805c11 0 20 9 20 20v206c0 11-9 20-20 20zm-785-40h765v-166h-765z"
        />
    </g>
</svg>