Grid

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 480 480"
>
    <path
        fill="#eef7ff"
        d="M424 101v278a8 8 0 0 1-8 8H64a8 8 0 0 1-8-8V101a8 8 0 0 1 8-8h352a8 8 0 0 1 8 8z"
    />
    <g fill="#cbe3fa">
        <path
            d="M424 101v278a8 8 0 0 1-8 8H64a8 8 0 0 1-8-8v-54.742c0-5.665 5.715-9.502 10.983-7.418 131.372 51.985 258.441-86.058 197.843-212.353C262.272 99.165 266.114 93 272.018 93H416a8 8 0 0 1 8 8zM8 87.22a8 8 0 0 1-8-8V66.69C0 52.524 11.524 41 25.689 41h12.53a8 8 0 0 1 0 16h-12.53C20.347 57 16 61.347 16 66.689v12.53a8 8 0 0 1-8 8.001zM472 87.22a8 8 0 0 1-8-8V66.69c0-5.343-4.347-9.689-9.689-9.689h-12.53a8 8 0 0 1 0-16h12.53C468.476 41 480 52.524 480 66.689v12.53a8 8 0 0 1-8 8.001zM38.22 439H25.69C11.524 439 0 427.476 0 413.311v-12.53a8 8 0 0 1 16 0v12.53c0 5.343 4.347 9.689 9.689 9.689h12.53a8 8 0 0 1 .001 16zM454.311 439h-12.53a8 8 0 0 1 0-16h12.53c5.343 0 9.689-4.347 9.689-9.689v-12.53a8 8 0 0 1 16 0v12.53C480 427.476 468.476 439 454.311 439z"
        />
    </g>
    <path
        fill="#b5d5f5"
        d="M420 232H318V97a4 4 0 0 0-4-4h-8a4 4 0 0 0-4 4v135H178V97a4 4 0 0 0-4-4h-8a4 4 0 0 0-4 4v135H60a4 4 0 0 0-4 4v8a4 4 0 0 0 4 4h102v135a4 4 0 0 0 4 4h8a4 4 0 0 0 4-4V248h124v135a4 4 0 0 0 4 4h8a4 4 0 0 0 4-4V248h102a4 4 0 0 0 4-4v-8a4 4 0 0 0-4-4z"
    />
    <path
        fill="#80aaff"
        d="M335 223v34a8 8 0 0 1-8 8h-34a8 8 0 0 1-8-8v-34a8 8 0 0 1 8-8h34a8 8 0 0 1 8 8zM195 223v34a8 8 0 0 1-8 8h-34a8 8 0 0 1-8-8v-34a8 8 0 0 1 8-8h34a8 8 0 0 1 8 8z"
    />
    <path
        fill="#9cbcff"
        d="M195 223v4a8 8 0 0 1-8 8h-14a8 8 0 0 0-8 8v14a8 8 0 0 1-8 8h-4a8 8 0 0 1-8-8v-34a8 8 0 0 1 8-8h34a8 8 0 0 1 8 8zM335 223v4a8 8 0 0 1-8 8h-14a8 8 0 0 0-8 8v14a8 8 0 0 1-8 8h-4a8 8 0 0 1-8-8v-34a8 8 0 0 1 8-8h34a8 8 0 0 1 8 8z"
    />
</svg>