IconHubDesign System

Collections

Empty Collection

Add icons to this collection by clicking the heart icon.

Zip File icon - Flat Gradient | SVG & PNG Free Download

Style Variants

Zip File

File And Document 107

Zip File icon - also known as interface, storage, web, security, folder, archive, zip file, and files and folders. Created in a clean flat gradient style with a silver finish, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.

7/15/2025

Tags

files and folders

Usage Snippets

ZipFile.svg

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 500 500"
>
    <linearGradient
        id="a"
        x1=".5"
        x2=".5"
        y1="499.97"
        y2="499.03"
        gradientTransform="matrix(354.17 0 0 -458.33 72.92 229187.51)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#eaecf7" />
        <stop offset="1" stop-color="#cdd3f1" />
    </linearGradient>
    <linearGradient
        id="c"
        x1=".5"
        x2=".5"
        y1="499.88"
        y2="499"
        gradientTransform="matrix(354.17 0 0 -72.92 72.92 36864.59)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#e2e5f4" stop-opacity="0" />
        <stop offset="1" stop-color="#9aa6e2" />
    </linearGradient>
    <linearGradient
        id="d"
        x1=".5"
        x2=".5"
        y1="499.99"
        y2="499"
        gradientTransform="matrix(395.83 0 0 -187.5 52.08 93927.08)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#14a5ff" />
        <stop offset="1" stop-color="#037cff" />
    </linearGradient>
    <linearGradient
        id="e"
        x1=".5"
        x2=".5"
        y1="499.99"
        y2="499"
        gradientTransform="matrix(395.83 0 0 -52.08 52.08 26354.17)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#037cff" stop-opacity="0" />
        <stop offset="1" stop-color="#0063cc" />
    </linearGradient>
    <linearGradient
        id="b"
        x1=".5"
        x2=".5"
        y1="500.04"
        y2="499"
        gradientTransform="matrix(93.75 0 0 -104.17 270.83 52302.08)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#037cff" />
        <stop offset="1" stop-color="#14a5ff" stop-opacity="0" />
    </linearGradient>
    <linearGradient
        id="f"
        x1=".5"
        x2=".5"
        y1="500.04"
        y2="499"
        gradientTransform="matrix(72.92 0 0 -83.33 281.25 41895.83)"
        href="#a"
    />
    <linearGradient
        id="g"
        x2=".5"
        y1="500.04"
        y2="499"
        gradientTransform="matrix(41.67 0 0 -104.17 229.17 52302.08)"
        href="#b"
    />
    <linearGradient
        id="h"
        x1=".5"
        x2=".5"
        y1="500.04"
        y2="499"
        gradientTransform="matrix(20.83 0 0 -83.33 239.58 41895.83)"
        href="#a"
    />
    <linearGradient
        id="i"
        x2=".5"
        y1="500.04"
        y2="499"
        gradientTransform="matrix(93.42 0 0 -104.17 135.42 52302.08)"
        href="#b"
    />
    <linearGradient
        id="j"
        x1=".5"
        x2=".5"
        y1="500.03"
        y2="499"
        gradientTransform="matrix(73.96 0 0 -84.38 144.79 42415.63)"
        href="#a"
    />
    <g>
        <path
            fill="url(#a)"
            d="M406.25 479.17H93.75a20.89 20.89 0 0 1-20.83-20.83V41.67a20.89 20.89 0 0 1 20.83-20.84h270.83V62.5a20.89 20.89 0 0 0 20.83 20.83h41.67v375a20.89 20.89 0 0 1-20.83 20.84z"
        />
        <path
            fill="url(#c)"
            d="M406.25 479.17H93.75a20.89 20.89 0 0 1-20.83-20.83v-52.09h354.16v52.08a20.89 20.89 0 0 1-20.83 20.84z"
        />
        <path
            fill="#9aa6e2"
            d="M427.08 83.33h-41.66a20.89 20.89 0 0 1-20.84-20.83V20.83z"
        />
        <path
            fill="url(#d)"
            d="M427.08 364.58H72.92a20.89 20.89 0 0 1-20.83-20.83V197.92a20.89 20.89 0 0 1 20.83-20.83h354.16a20.89 20.89 0 0 1 20.83 20.83v145.83a20.89 20.89 0 0 1-20.83 20.83z"
        />
        <path
            fill="url(#e)"
            d="M427.08 364.58H72.92a20.89 20.89 0 0 1-20.83-20.83V312.5h395.83v31.25a20.89 20.89 0 0 1-20.84 20.83z"
        />
        <path
            fill="url(#b)"
            d="M291.67 322.92a20.89 20.89 0 0 1-20.83-20.83v-62.5a20.89 20.89 0 0 1 20.83-20.83h36.46c19.79 0 36.46 16.67 36.46 36.46s-16.67 36.46-36.46 36.46H312.5v10.42a20.89 20.89 0 0 1-20.83 20.82z"
        />
        <path
            fill="url(#f)"
            d="M328.12 229.17h-36.45c-6.25 0-10.42 4.17-10.42 10.42v62.5c0 6.25 4.17 10.42 10.42 10.42s10.42-4.17 10.42-10.42v-20.84h26a26 26 0 1 0 0-52.08zm0 31.25h-26V250h26a5.21 5.21 0 1 1 0 10.42z"
        />
        <path
            fill="url(#g)"
            d="M250 322.92a20.89 20.89 0 0 1-20.83-20.83v-62.5a20.83 20.83 0 0 1 41.67 0v62.5A20.89 20.89 0 0 1 250 322.92z"
        />
        <path
            fill="url(#h)"
            d="M250 229.17c-6.25 0-10.42 4.17-10.42 10.42v62.5c0 6.25 4.17 10.42 10.42 10.42s10.42-4.17 10.42-10.42v-62.5c0-6.26-4.17-10.42-10.42-10.42z"
        />
        <path
            fill="url(#i)"
            d="M156.25 322.92a20.58 20.58 0 0 1-18.75-12.5 21 21 0 0 1 3.13-21.87l24-28.12h-8.33a20.83 20.83 0 0 1 0-41.67h52.08a20.58 20.58 0 0 1 18.75 12.5 21 21 0 0 1-3.13 21.87l-24 28.13h7.29a20.83 20.83 0 1 1 0 41.67z"
        />
        <path
            fill="url(#j)"
            d="M208.33 291.67h-30.2l37.5-45.83a11.18 11.18 0 0 0 1-11.46q-3.13-6.25-9.37-6.25h-52.05c-6.25 0-10.42 4.17-10.42 10.42S149 249 155.21 249h30.21l-37.5 45.83a11.18 11.18 0 0 0-1 11.46q3.13 6.25 9.38 6.25h52.08c6.25 0 10.42-4.17 10.42-10.42s-4.22-10.45-10.47-10.45z"
        />
    </g>
</svg>