Hierarchical Structure

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="100"
    height="100"
    viewBox="0 0 512.004 512.004"
>
    <path
        d="M462.452 363.355h-82.581V165.161c0-18.218-14.815-33.032-33.032-33.032h-82.581V33.032h-16.516v99.097h-82.581c-18.218 0-33.032 14.815-33.032 33.032v198.194H49.548c-18.218 0-33.032 14.815-33.032 33.032v90.839h16.516v-90.839c0-9.105 7.411-16.516 16.516-16.516h82.581v107.355h16.516V379.871h99.097v107.355h16.516V379.871h99.097v107.355h16.516V379.871h82.581c9.105 0 16.516 7.411 16.516 16.516v90.839h16.516v-90.839c0-18.218-14.815-33.032-33.032-33.032zm-214.71 0h-99.097V165.161c0-9.105 7.411-16.516 16.516-16.516h82.581v214.71zm115.613 0h-99.097v-214.71h82.581c9.105 0 16.516 7.411 16.516 16.516v198.194z"
        fill="#edebed"
    />
    <path
        d="M247.742 65.232a41.45 41.45 0 0 0 16.516 0V24.774h-16.516v40.458zM132.129 296.458a41.45 41.45 0 0 0 16.516 0V256h-16.516v40.458zM363.355 296.458a41.45 41.45 0 0 0 16.516 0V256h-16.516v40.458zM247.742 296.458a41.45 41.45 0 0 0 16.516 0V256h-16.516v40.458z"
        fill="#dbd9dc"
    />
    <circle cx="256" cy="24.774" r="24.774" fill="#e6646e" />
    <circle cx="256" cy="256" r="24.774" fill="#ffdc64" />
    <circle cx="140.39" cy="256" r="24.774" fill="#ffdc64" />
    <circle cx="371.61" cy="256" r="24.774" fill="#ffdc64" />
    <circle cx="256" cy="487.23" r="24.774" fill="#bee86e" />
    <circle cx="140.39" cy="487.23" r="24.774" fill="#bee86e" />
    <circle cx="24.774" cy="487.23" r="24.774" fill="#bee86e" />
    <circle cx="487.23" cy="487.23" r="24.774" fill="#bee86e" />
    <circle cx="371.61" cy="487.23" r="24.774" fill="#bee86e" />
    <path
        d="M132.13 379.87h16.516v16.516H132.13zM363.36 379.87h16.516v16.516H363.36zM247.74 379.87h16.516v16.516H247.74zM247.74 148.65h16.516v16.516H247.74z"
        fill="#dbd9dc"
    />
</svg>