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

Home Furniture 7

Cabinet icon - also known as file, document, storage, furniture, 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 480 480"
>
    <linearGradient
        id="a"
        x1="-51.875"
        x2="14.385"
        y1="587.625"
        y2="587.625"
        gradientTransform="matrix(8 0 0 -8 455 4941)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#e93e3a" />
        <stop offset=".356" stop-color="#ed683c" />
        <stop offset=".714" stop-color="#f3903f" />
        <stop offset="1" stop-color="#fdc70c" />
    </linearGradient>
    <path
        d="M440 40V0H40v40h16v400H40v40h400v-40h-16V40h16zM56 16h368v8H56v-8zm368 448H56v-8h368v8zm-16-24H72V40h336v400z"
        fill="url(#a)"
    />
    <linearGradient
        id="b"
        x1="-51.906"
        x2="14.355"
        y1="587.625"
        y2="587.625"
        gradientTransform="matrix(8 0 0 -8 455 4941)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#e93e3a" />
        <stop offset=".356" stop-color="#ed683c" />
        <stop offset=".714" stop-color="#f3903f" />
        <stop offset="1" stop-color="#fdc70c" />
    </linearGradient>
    <path
        d="M400 48H80v384h320V48zm-16 16v168H96V64h288zM96 416V248h288v168H96z"
        fill="url(#b)"
    />
    <linearGradient
        id="c"
        x1="-51.906"
        x2="14.355"
        y1="604.625"
        y2="604.625"
        gradientTransform="matrix(8 0 0 -8 455 4941)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#e93e3a" />
        <stop offset=".356" stop-color="#ed683c" />
        <stop offset=".714" stop-color="#f3903f" />
        <stop offset="1" stop-color="#fdc70c" />
    </linearGradient>
    <path d="M200 96h80v16h-80V96z" fill="url(#c)" />
    <linearGradient
        id="d"
        x1="-51.906"
        x2="14.355"
        y1="581.625"
        y2="581.625"
        gradientTransform="matrix(8 0 0 -8 455 4941)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#e93e3a" />
        <stop offset=".356" stop-color="#ed683c" />
        <stop offset=".714" stop-color="#f3903f" />
        <stop offset="1" stop-color="#fdc70c" />
    </linearGradient>
    <path d="M200 280h80v16h-80v-16z" fill="url(#d)" />
</svg>