Handbook

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="682.667"
    height="682.667"
    viewBox="0 0 682.667 682.667"
>
    <defs>
        <clipPath id="a" clipPathUnits="userSpaceOnUse">
            <path d="M0 512h512V0H0Z" />
        </clipPath>
    </defs>
    <g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
        <path
            d="M0 0c-24.85 0-45-20.15-45-45v-402c0-24.85 20.15-45 45-45h315V0Z"
            transform="translate(121 502)"
            fill="#e6ffff"
            fill-opacity="1"
            fill-rule="nonzero"
            stroke="none"
        />
        <path
            d="M0 0v-60h-60v-60h-60v60h-60V0h60v60h60V0Z"
            transform="translate(376 376)"
            fill="#ff637b"
            fill-opacity="1"
            fill-rule="nonzero"
            stroke="none"
        />
        <path
            d="M0 0v-402h-15c-24.85 0-45-20.15-45-45v402c0 24.85 20.15 45 45 45z"
            transform="translate(136 502)"
            fill="#ff637b"
            fill-opacity="1"
            fill-rule="nonzero"
            stroke="none"
        />
        <path
            d="M0 0v402h-315c-24.85 0-45-20.15-45-45V-45"
            transform="translate(436 100)"
            fill="none"
            stroke="#000"
            stroke-width="20"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
        <path
            d="M0 0v402"
            transform="translate(136 100)"
            fill="none"
            stroke="#000"
            stroke-width="20"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
        <path
            d="M0 0h-60v60h-60V0h-60v-60h60v-60h60v60H0Z"
            transform="translate(376 376)"
            fill="none"
            stroke="#000"
            stroke-width="20"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
        <path
            d="M0 0h120"
            transform="translate(226 196)"
            fill="none"
            stroke="#000"
            stroke-width="20"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
        <path
            d="M0 0h310"
            transform="translate(126 55)"
            fill="none"
            stroke="#000"
            stroke-width="20"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
        <path
            d="M0 0c0-5.522-4.477-10-10-10S-20-5.522-20 0s4.477 10 10 10S0 5.522 0 0"
            transform="translate(296 10)"
            fill="#000"
            fill-opacity="1"
            fill-rule="nonzero"
            stroke="none"
        />
        <path
            d="M0 0h-120c-24.85 0-45 20.15-45 45s20.15 45 45 45h315V0H90"
            transform="translate(241 10)"
            fill="none"
            stroke="#000"
            stroke-width="20"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
    </g>
</svg>