Bookshelf

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 32 32"
>
    <linearGradient
        id="a"
        x1="4"
        x2="22"
        y1="17"
        y2="17"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#ffb74d" />
        <stop offset="1" stop-color="#ffe0b2" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="-2.18"
        x2="36.95"
        y1="17.41"
        y2="16.41"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#ffe0b2" />
        <stop offset="1" stop-color="#ffb74d" />
    </linearGradient>
    <linearGradient
        id="d"
        x1="4"
        x2="22"
        y1="9"
        y2="9"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#bbdefb" />
        <stop offset="1" stop-color="#64b5f6" />
    </linearGradient>
    <linearGradient
        id="e"
        x1="-9.85"
        x2="27.91"
        y1="9.38"
        y2="8.77"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#64b5f6" />
        <stop offset="1" stop-color="#bbdefb" />
    </linearGradient>
    <linearGradient id="f" x1="20" x2="28" y1="12" y2="12" href="#a" />
    <linearGradient id="g" x1="21" x2="27" y1="12" y2="12" href="#b" />
    <linearGradient
        id="c"
        x1="3"
        x2="5"
        y1="26"
        y2="26"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#1565c0" />
        <stop offset="1" stop-color="#1e88e5" />
    </linearGradient>
    <linearGradient id="h" x1="27" x2="29" href="#c" />
    <linearGradient id="i" x1="2" x2="30" y1="22" y2="22" href="#d" />
    <g>
        <path
            fill="url(#a)"
            d="M21 13H6.79A2.79 2.79 0 0 0 4 15.79v2.42A2.79 2.79 0 0 0 6.79 21H21a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1z"
        />
        <path
            fill="url(#b)"
            d="M20.11 14H7.48A2.31 2.31 0 0 0 5 16.09v1.82A2.31 2.31 0 0 0 7.48 20h12.63a.83.83 0 0 0 .89-.75v-4.5a.83.83 0 0 0-.89-.75z"
        />
        <path
            fill="url(#d)"
            d="M21 5H6.79A2.79 2.79 0 0 0 4 7.79v2.42A2.79 2.79 0 0 0 6.79 13H21a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1z"
        />
        <path
            fill="url(#e)"
            d="M20.11 6H7.48A2.31 2.31 0 0 0 5 8.09v1.82A2.31 2.31 0 0 0 7.48 12h12.63a.83.83 0 0 0 .89-.75v-4.5a.83.83 0 0 0-.89-.75z"
        />
        <path
            fill="url(#f)"
            d="M25.21 3h-2.42A2.79 2.79 0 0 0 20 5.79V20a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V5.79A2.79 2.79 0 0 0 25.21 3z"
        />
        <path
            fill="url(#g)"
            d="M24.91 4h-1.82A2.31 2.31 0 0 0 21 6.48v12.63a.83.83 0 0 0 .75.89h4.5a.83.83 0 0 0 .75-.89V6.48A2.31 2.31 0 0 0 24.91 4z"
        />
        <path
            d="M24 13a1 1 0 0 1-1-1V8a1 1 0 0 1 2 0v4a1 1 0 0 1-1 1z"
            opacity=".1"
        />
        <circle cx="24" cy="18" r="1" opacity=".1" />
        <circle cx="24" cy="15" r="1" opacity=".1" />
        <g fill="#fff">
            <path d="M24 12a1 1 0 0 1-1-1V7a1 1 0 0 1 2 0v4a1 1 0 0 1-1 1z" />
            <circle cx="24" cy="17" r="1" />
            <circle cx="24" cy="14" r="1" />
        </g>
        <path
            fill="url(#c)"
            d="M4 29a1 1 0 0 1-1-1v-4a1 1 0 0 1 2 0v4a1 1 0 0 1-1 1z"
        />
        <path
            fill="url(#h)"
            d="M28 29a1 1 0 0 1-1-1v-4a1 1 0 0 1 2 0v4a1 1 0 0 1-1 1z"
        />
        <rect width="28" height="6" x="2" y="19" fill="url(#i)" rx="1" />
        <path
            d="M30 20H4a1 1 0 0 0-1 1v4a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1h26a1 1 0 0 1 1 1zM18 19H8a1 1 0 0 1 0-2h10a1 1 0 0 1 0 2zM18 11H8a1 1 0 0 1 0-2h10a1 1 0 0 1 0 2z"
            opacity=".1"
        />
        <path
            fill="#fff"
            d="M18 18H8a1 1 0 0 1 0-2h10a1 1 0 0 1 0 2zM18 10H8a1 1 0 0 1 0-2h10a1 1 0 0 1 0 2z"
        />
    </g>
</svg>