IconHubDesign System

Collections

Empty Collection

Add icons to this collection by clicking the heart icon.

Cabinet icon - Gradient | SVG & PNG Free Download

Style Variants

Cabinet

Cabinet icon - also known as file, document, storage, office material, cabinet, archive, filing cabinet, and furniture and household. 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

office material

furniture and household

Usage Snippets

Cabinet.svg

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="100"
    height="100"
    viewBox="0 0 512 512"
>
    <linearGradient
        id="a"
        x1="-45.177"
        x2="18.952"
        y1="606.711"
        y2="606.711"
        gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.267)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#f9a86d" />
        <stop offset=".503" stop-color="#f05361" />
        <stop offset="1" stop-color="#b72563" />
    </linearGradient>
    <path
        d="M401.067 0H110.933v512h290.133V0zM128 17.067h119.467v221.867H128V17.067zm256 477.866H128v-68.267h256v68.267zm0-85.333H128v-68.267h256V409.6zm0-85.333H128V256h256v68.267zm0-85.334H264.533V17.067H384v221.866z"
        fill="url(#a)"
    />
    <linearGradient
        id="b"
        x1="-45.177"
        x2="18.952"
        y1="603.711"
        y2="603.711"
        gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.267)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#f9a86d" />
        <stop offset=".503" stop-color="#f05361" />
        <stop offset="1" stop-color="#b72563" />
    </linearGradient>
    <path d="M221.867 273.067h68.267v17.067h-68.267z" fill="url(#b)" />
    <linearGradient
        id="c"
        x1="-45.177"
        x2="18.952"
        y1="593.711"
        y2="593.711"
        gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.267)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#f9a86d" />
        <stop offset=".503" stop-color="#f05361" />
        <stop offset="1" stop-color="#b72563" />
    </linearGradient>
    <path d="M221.867 358.4h68.267v17.067h-68.267z" fill="url(#c)" />
    <linearGradient
        id="d"
        x1="-45.177"
        x2="18.952"
        y1="583.711"
        y2="583.711"
        gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.267)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#f9a86d" />
        <stop offset=".503" stop-color="#f05361" />
        <stop offset="1" stop-color="#b72563" />
    </linearGradient>
    <path d="M221.867 443.733h68.267V460.8h-68.267z" fill="url(#d)" />
    <linearGradient
        id="e"
        x1="-45.177"
        x2="18.952"
        y1="612.711"
        y2="612.711"
        gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.267)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#f9a86d" />
        <stop offset=".503" stop-color="#f05361" />
        <stop offset="1" stop-color="#b72563" />
    </linearGradient>
    <circle cx="213.333" cy="204.8" r="17.067" fill="url(#e)" />
    <linearGradient
        id="f"
        x1="-45.177"
        x2="18.952"
        y1="612.711"
        y2="612.711"
        gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.267)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#f9a86d" />
        <stop offset=".503" stop-color="#f05361" />
        <stop offset="1" stop-color="#b72563" />
    </linearGradient>
    <circle cx="298.667" cy="204.8" r="17.067" fill="url(#f)" />
</svg>