Calculation

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 24 24"
>
    <linearGradient
        id="a"
        x1=".5"
        x2="23.5"
        y1="12"
        y2="12"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#87f1fc" />
        <stop offset=".256" stop-color="#7fd4fb" />
        <stop offset=".529" stop-color="#78bcfb" />
        <stop offset=".784" stop-color="#74aefa" />
        <stop offset="1" stop-color="#73a9fa" />
    </linearGradient>
    <path
        fill="url(#a)"
        d="M22 8.5h-4.5V2A1.502 1.502 0 0 0 16 .5H2A1.502 1.502 0 0 0 .5 2v18A1.502 1.502 0 0 0 2 21.5h9.5v.5a1.502 1.502 0 0 0 1.5 1.5h9a1.502 1.502 0 0 0 1.5-1.5V10A1.502 1.502 0 0 0 22 8.5zm-20 12a.5.5 0 0 1-.5-.5V2a.5.5 0 0 1 .5-.5h14a.5.5 0 0 1 .5.5v6.5H13a1.502 1.502 0 0 0-1.5 1.5v10.5zM22.5 22a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5V10a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 .5.5zM7.5 8a.5.5 0 0 0-.5-.5H6a1.5 1.5 0 0 1 0-3V4a.5.5 0 0 1 1 0v.5h1a.5.5 0 0 1 0 1H6a.5.5 0 0 0 0 1h1a1.5 1.5 0 0 1 0 3v.5a.5.5 0 0 1-1 0v-.5H5a.5.5 0 0 1 0-1h2a.5.5 0 0 0 .5-.5zm3 5a.5.5 0 0 1-.5.5H4a.5.5 0 0 1 0-1h6a.5.5 0 0 1 .5.5zm0 3a.5.5 0 0 1-.5.5H4a.5.5 0 0 1 0-1h6a.5.5 0 0 1 .5.5zM21 10.5h-7a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h7a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5zm-.5 3h-6v-2h6zm1 6.5a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1 0-1h1a.5.5 0 0 1 .5.5zm-3 0a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1 0-1h1a.5.5 0 0 1 .5.5zm-3 0a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1 0-1h1a.5.5 0 0 1 .5.5zm6-2a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1 0-1h1a.5.5 0 0 1 .5.5zm-3 0a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1 0-1h1a.5.5 0 0 1 .5.5zm-3 0a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1 0-1h1a.5.5 0 0 1 .5.5zm6-2a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1 0-1h1a.5.5 0 0 1 .5.5zm-3 0a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1 0-1h1a.5.5 0 0 1 .5.5zm-3 0a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1 0-1h1a.5.5 0 0 1 .5.5z"
    />
</svg>