Framework

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 64 64"
>
    <path
        fill="#a3b1bf"
        d="M58 19H6a1 1 0 0 0-1 1v39a1 1 0 0 0 1 1h52a1 1 0 0 0 1-1V20a1 1 0 0 0-1-1zM7 21h24v37H7zm50 37H33V21h24z"
    />
    <path fill="#72a6e4" d="M2 55h8v8H2z" />
    <path fill="#bf7c7c" d="M2 36h8v8H2z" />
    <path fill="#72a6e4" d="M54 55h8v8h-8z" />
    <path fill="#7583a6" d="M28 55h8v8h-8z" />
    <path fill="#bf7c7c" d="M54 36h8v8h-8z" />
    <circle cx="32.394" cy="20" r="19" fill="#72a6e4" />
    <circle cx="32.394" cy="20" r="17" fill="#cee0f2" />
    <path
        fill="#ccac52"
        d="M26 8c-2.761 0-5 1.919-5 4.286a3.687 3.687 0 0 0 .206 1.153A4.356 4.356 0 0 0 18 17.429a3.983 3.983 0 0 0 1.435 3 3.983 3.983 0 0 0-1.435 3 4.33 4.33 0 0 0 3.04 3.942c-.01.115-.04.226-.04.343C21 30.081 23.239 32 26 32a5.283 5.283 0 0 0 4-1.738V9.738A5.283 5.283 0 0 0 26 8z"
    />
    <path
        fill="#7583a6"
        d="M43.957 21.751a9.848 9.848 0 0 0 0-3.502L46 16.994a12.175 12.175 0 0 0-3-5.547l-1.185.728a1.388 1.388 0 0 1-1.561-.04 8.884 8.884 0 0 0-1.342-.823 1.569 1.569 0 0 1-.813-1.419V8.441A10.628 10.628 0 0 0 34.946 8q-.479.006-.946.058v7.603a3.747 3.747 0 0 1 1.091-.162 4.31 4.31 0 0 1 4.09 4.5 4.31 4.31 0 0 1-4.09 4.5A3.747 3.747 0 0 1 34 24.338v7.604a10.357 10.357 0 0 0 1.235.057 10.638 10.638 0 0 0 2.864-.446v-1.446a1.569 1.569 0 0 1 .813-1.42 8.873 8.873 0 0 0 1.342-.822 1.388 1.388 0 0 1 1.56-.04l1.18.724A12.173 12.173 0 0 0 46 23.006z"
    />
    <g fill="#7c88a6">
        <path
            d="M21.199 13.442a5.25 5.25 0 0 0-1.403.718l1.78 1.78a.75.75 0 0 0 .53.22h2v-1.5h-1.69zM25.356 14.659h1.5v1.5h-1.5zM24.94 25.153h1.5v1.5h-1.5zM19.435 20.429a4.549 4.549 0 0 0-.41.431H22v-1.5h-3.437a4.377 4.377 0 0 0 .872 1.069zM21.284 25.273l-1.82 1.17a5.076 5.076 0 0 0 1.43.864l1.016-.654h1.78v-1.5h-2a.747.747 0 0 0-.406.12zM23.25 19.36h1.5v1.5h-1.5z"
        />
    </g>
</svg>