Notebooks

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 32 32"
>
    <linearGradient
        id="a"
        x1="14"
        x2="30"
        y1="18"
        y2="18"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#ffb74d" />
        <stop offset="1" stop-color="#ffe0b2" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="20"
        x2="27"
        y1="13"
        y2="13"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#ef9a9a" />
        <stop offset="1" stop-color="#e57373" />
    </linearGradient>
    <linearGradient
        id="c"
        x1="2"
        x2="22"
        y1="14"
        y2="14"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#64b5f6" />
        <stop offset="1" stop-color="#bbdefb" />
    </linearGradient>
    <linearGradient id="d" x1="10" x2="20" y1="9" y2="9" href="#a" />
    <linearGradient id="e" x1="2" x2="8" y1="14" y2="14" href="#b" />
    <g>
        <path fill="#e57373" d="M14 24v6h-3a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1z" />
        <path
            d="M12 30h-1a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1h1a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1z"
            opacity=".1"
        />
        <path
            fill="url(#a)"
            d="M30 7v22a1 1 0 0 1-1 1H14v-6h6V7a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1z"
        />
        <path
            fill="#fff"
            d="M30 7v22a1 1 0 0 1-1 1h-1a1 1 0 0 0 1-1V7a1 1 0 0 0-1-1h1a1 1 0 0 1 1 1z"
            opacity=".2"
        />
        <path fill="#fff" d="M14 24h2v6h-2z" />
        <path
            d="M25 22h-4a1 1 0 0 1 0-2h4a1 1 0 0 1 0 2zM25 25h-4a1 1 0 0 1 0-2h4a1 1 0 0 1 0 2zM25 28h-6a1 1 0 0 1 0-2h6a1 1 0 0 1 0 2z"
            opacity=".1"
        />
        <g fill="#fff">
            <path
                d="M25 21h-4a1 1 0 0 1 0-2h4a1 1 0 0 1 0 2zM25 24h-4a1 1 0 0 1 0-2h4a1 1 0 0 1 0 2zM25 27h-6a1 1 0 0 1 0-2h6a1 1 0 0 1 0 2z"
            />
        </g>
        <rect width="7" height="8" x="20" y="10" opacity=".1" rx="1" />
        <rect width="7" height="8" x="20" y="9" fill="url(#b)" rx="1" />
        <path d="M23 15h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2z" opacity=".1" />
        <path fill="#fff" d="M23 14h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2z" />
        <rect width="20" height="24" x="2" y="2" fill="url(#c)" rx="1" />
        <path
            fill="#fff"
            d="M22 3v22a1 1 0 0 1-1 1h-1a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1h1a1 1 0 0 1 1 1z"
            opacity=".2"
        />
        <rect width="10" height="8" x="10" y="6" opacity=".1" rx="1" />
        <rect width="10" height="8" x="10" y="5" fill="url(#d)" rx="1" />
        <path d="M17 11h-4a1 1 0 0 1 0-2h4a1 1 0 0 1 0 2z" opacity=".1" />
        <path fill="#fff" d="M17 10h-4a1 1 0 0 1 0-2h4a1 1 0 0 1 0 2z" />
        <path
            d="M19 18h-8a1 1 0 0 1 0-2h8a1 1 0 0 1 0 2zM19 21h-8a1 1 0 0 1 0-2h8a1 1 0 0 1 0 2zM19 24h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2z"
            opacity=".1"
        />
        <circle cx="11" cy="23" r="1" opacity=".1" />
        <circle cx="14" cy="23" r="1" opacity=".1" />
        <path
            fill="#fff"
            d="M19 17h-8a1 1 0 0 1 0-2h8a1 1 0 0 1 0 2zM19 20h-8a1 1 0 0 1 0-2h8a1 1 0 0 1 0 2zM19 23h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2z"
        />
        <rect width="6" height="24" x="2" y="2" fill="url(#e)" rx="1" />
        <path
            d="M4 26H3a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h1a1 1 0 0 0-1 1v22a1 1 0 0 0 1 1z"
            opacity=".1"
        />
        <circle cx="11" cy="22" r="1" fill="#fff" />
        <circle cx="14" cy="22" r="1" fill="#fff" />
        <path fill="#fff" d="M6 2h2v24H6z" />
    </g>
</svg>