IconHubDesign System

Collections

Empty Collection

Add icons to this collection by clicking the heart icon.

Locker icon - Gradient | SVG & PNG Free Download

Style Variants

Locker

Back To School 73

Locker icon - also known as furniture, locker, archive, wardrobe, and furniture and household. Created in a clean gradient style with a gray and olive finish, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.

7/24/2025

Tags

furniture and household

Usage Snippets

Locker.svg

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512pt"
    height="512pt"
    viewBox="0 0 512 512"
>
    <linearGradient
        id="c"
        x1="74.981"
        x2="437.019"
        y1="74.981"
        y2="437.019"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#6f5654" />
        <stop offset="1" stop-color="#3e322e" />
    </linearGradient>
    <linearGradient
        id="d"
        x1="102"
        x2="274.047"
        y1="102"
        y2="274.047"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#fdbf00" />
        <stop offset="1" stop-color="#ff9f00" />
    </linearGradient>
    <linearGradient
        id="e"
        x1="256"
        x2="410"
        y1="256"
        y2="410"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#ff7816" />
        <stop offset="1" stop-color="#ff4b00" />
    </linearGradient>
    <linearGradient id="a">
        <stop offset="0" stop-color="#ff9100" />
        <stop offset="1" stop-color="#ff5d00" />
    </linearGradient>
    <linearGradient
        id="f"
        x1="256"
        x2="410"
        y1="102"
        y2="256"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="g"
        x1="102"
        x2="256"
        y1="256"
        y2="410"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient id="b">
        <stop offset="0" stop-color="#e7e7e7" />
        <stop offset="1" stop-color="#d3d3d8" />
    </linearGradient>
    <linearGradient
        id="h"
        x1="161.254"
        x2="224.418"
        y1="134.184"
        y2="197.348"
        gradientUnits="userSpaceOnUse"
        href="#b"
    />
    <linearGradient
        id="i"
        x1="306.231"
        x2="369.394"
        y1="134.184"
        y2="197.348"
        gradientUnits="userSpaceOnUse"
        href="#b"
    />
    <linearGradient
        id="j"
        x1="161.254"
        x2="224.418"
        y1="278.559"
        y2="341.723"
        gradientUnits="userSpaceOnUse"
        href="#b"
    />
    <linearGradient
        id="k"
        x1="306.231"
        x2="369.394"
        y1="278.559"
        y2="341.723"
        gradientUnits="userSpaceOnUse"
        href="#b"
    />
    <path
        fill="url(#c)"
        d="M512 256c0 141.387-114.613 256-256 256S0 397.387 0 256 114.613 0 256 0s256 114.613 256 256zm0 0"
    />
    <path
        fill="url(#d)"
        d="M256 102H102v154l72.79 19.64 99.257-1.593 4.887-127.832zm0 0"
    />
    <path
        fill="url(#e)"
        d="M367.066 226.297 256 256l-23.313 122.191L256 410h154V256zm0 0"
    />
    <path fill="url(#f)" d="M256 102h154v154H256zm0 0" />
    <path fill="url(#g)" d="M102 256h154v154H102zm0 0" />
    <path fill="#68544f" d="M210.883 355.258h18.047v18.047h-18.047zm0 0" />
    <path fill="#53433f" d="M355.86 355.258h18.046v18.047H355.86zm0 0" />
    <path fill="#68544f" d="M210.883 210.883h18.047v18.047h-18.047zm0 0" />
    <path fill="#53433f" d="M355.86 210.883h18.046v18.047H355.86zm0 0" />
    <path fill="url(#h)" d="M228.93 192.836h-72.188v-54.14h72.188zm0 0" />
    <path fill="url(#i)" d="M373.906 192.836H301.72v-54.14h72.187zm0 0" />
    <path fill="url(#j)" d="M228.93 337.21h-72.188v-54.14h72.188zm0 0" />
    <path fill="url(#k)" d="M373.906 337.21H301.72v-54.14h72.187zm0 0" />
</svg>