IconHubDesign System

Collections

Empty Collection

Add icons to this collection by clicking the heart icon.

Drawer icon - Gradient | SVG & PNG Free Download

Style Variants

Drawer

Art And Design 79

Drawer icon - also known as storage, office, drawers, drawer, archive, furniture and household, and filling cabinet. Created in a clean gradient style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.

7/15/2025

Tags

furniture and household

filling cabinet

Usage Snippets

Drawer.svg

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 502 502"
>
    <linearGradient id="a">
        <stop offset="0" stop-color="#495560" />
        <stop offset="1" stop-color="#5b778d" />
    </linearGradient>
    <linearGradient
        id="d"
        x1="80.054"
        x2="80.054"
        y1="435.13"
        y2="482.816"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="e"
        x1="218.178"
        x2="218.178"
        y1="435.13"
        y2="482.816"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="f"
        x1="420.17"
        x2="420.17"
        y1="435.13"
        y2="482.816"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient id="b">
        <stop offset="0" stop-color="#c2cbcb" />
        <stop offset="1" stop-color="#e5e5e5" />
    </linearGradient>
    <linearGradient
        id="g"
        x1="122.255"
        x2="-41.156"
        y1="225.878"
        y2="225.878"
        gradientUnits="userSpaceOnUse"
        href="#b"
    />
    <linearGradient
        id="h"
        x1="473.657"
        x2="46.849"
        y1="225.878"
        y2="225.878"
        gradientUnits="userSpaceOnUse"
        href="#b"
    />
    <linearGradient id="c">
        <stop offset="0" stop-color="#d0dada" />
        <stop offset="1" stop-color="#f1f1f1" />
    </linearGradient>
    <linearGradient
        id="i"
        x1="519.91"
        x2="242.16"
        y1="320.615"
        y2="320.615"
        gradientUnits="userSpaceOnUse"
        href="#c"
    />
    <linearGradient
        id="j"
        x1="519.91"
        x2="242.16"
        y1="131.141"
        y2="131.141"
        gradientUnits="userSpaceOnUse"
        href="#c"
    />
    <linearGradient
        id="k"
        x1="391.293"
        x2="282.461"
        y1="131.141"
        y2="131.141"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="l"
        x1="391.293"
        x2="282.461"
        y1="320.615"
        y2="320.615"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <path
        fill="url(#d)"
        d="M96.435 491.475H63.674c-10.869 0-19.68-8.811-19.68-19.68v-52.441h72.12v52.441c0 10.869-8.811 19.68-19.679 19.68z"
    />
    <path
        fill="url(#e)"
        d="M234.559 491.475h-32.761c-10.869 0-19.68-8.811-19.68-19.68v-52.441h72.12v52.441c0 10.869-8.811 19.68-19.679 19.68z"
    />
    <path
        fill="url(#f)"
        d="M403.789 491.475h32.761c10.869 0 19.68-8.811 19.68-19.68v-52.441h-72.12v52.441c0 10.869 8.811 19.68 19.679 19.68z"
    />
    <path
        fill="url(#g)"
        d="M218.178 441.23V10.525H81.831C36.637 10.525 0 47.162 0 92.356V359.4c0 45.194 36.637 81.83 81.83 81.83z"
    />
    <path
        fill="url(#h)"
        d="M502 92.356c0-45.122-36.709-81.831-81.83-81.831H218.178c-45.122 0-81.83 36.71-81.83 81.831V359.4c0 45.122 36.709 81.83 81.83 81.83H420.17c45.122 0 81.83-36.708 81.83-81.83z"
    />
    <path
        fill="#a7adb5"
        d="m236.519 386.647 203.992-67.236c0-8.284 6.716-15 15-15 8.284 0 15 6.716 15 15v31.555c0 36.275-29.407 65.682-65.682 65.682h-168.31c-8.284 0-15-6.716-15-15 0-8.286 6.716-15.001 15-15.001zM236.519 197.173l203.992-67.236c0-8.284 6.716-15 15-15 8.284 0 15 6.716 15 15v31.555c0 36.275-29.407 65.682-65.682 65.682h-168.31c-8.284 0-15-6.716-15-15 0-8.286 6.716-15.001 15-15.001z"
    />
    <path
        fill="url(#i)"
        d="M233.519 386.647h171.31c19.707 0 35.682-15.975 35.682-35.682v-60.699c0-19.707-15.975-35.682-35.682-35.682h-171.31c-19.707 0-35.682 15.975-35.682 35.682v60.699c0 19.706 15.975 35.682 35.682 35.682z"
    />
    <path
        fill="url(#j)"
        d="M233.519 197.173h171.31c19.707 0 35.682-15.975 35.682-35.682v-60.699c0-19.707-15.975-35.682-35.682-35.682h-171.31c-19.707 0-35.682 15.976-35.682 35.682v60.699c0 19.706 15.975 35.682 35.682 35.682z"
    />
    <path
        fill="url(#k)"
        d="M351.634 109.102h-64.92c-10.888 0-19.715 8.827-19.715 19.715v4.648c0 10.888 8.827 19.715 19.715 19.715h64.92c10.888 0 19.715-8.827 19.715-19.715v-4.648c-.001-10.888-8.827-19.715-19.715-19.715z"
    />
    <path
        fill="url(#l)"
        d="M351.634 298.576h-64.92c-10.888 0-19.715 8.827-19.715 19.715v4.648c0 10.888 8.827 19.715 19.715 19.715h64.92c10.888 0 19.715-8.827 19.715-19.715v-4.648c-.001-10.888-8.827-19.715-19.715-19.715z"
    />
    <g fill="#f2f2f2">
        <path
            d="M42.994 172.917c-5.522 0-10-4.478-10-10v-7.694c0-5.523 4.478-10 10-10 5.523 0 10 4.477 10 10v7.694c0 5.522-4.477 10-10 10zM42.994 125.626c-5.522 0-10-4.478-10-10V81.883c0-5.522 4.478-10 10-10 5.523 0 10 4.478 10 10v33.743c0 5.522-4.477 10-10 10z"
        />
    </g>
</svg>