Hierarchical Structure

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 491.5 491.5"
>
    <linearGradient
        id="a"
        x1="245.8"
        x2="245.8"
        y1="47.2"
        y2="453.9"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#f704fe" />
        <stop offset="1" stop-color="#24bce3" />
    </linearGradient>
    <path
        fill="url(#a)"
        d="M165.4 266.6v45.9c0 10.5 8.5 19.1 19.1 19.1h122.7c10.5 0 19.1-8.5 19.1-19.1v-45.9c0-10.5-8.5-19.1-19-19.1H184.4c-10.5 0-19 8.5-19 19.1zM56.8 186.9h377.9c11.7 0 21.3-9.5 21.3-21.3V68.5c0-11.7-9.5-21.3-21.3-21.3H56.8c-11.7 0-21.3 9.5-21.3 21.3v97.1c0 11.8 9.6 21.3 21.3 21.3zm389.7 183H323.9c-10.5 0-19.1 8.5-19.1 19.1v45.9c0 10.5 8.6 19 19.1 19h122.7c10.5 0 19.1-8.5 19.1-19V389c-.1-10.5-8.6-19.1-19.2-19.1zm-278.8 0H45c-10.5 0-19.1 8.5-19.1 19.1v45.9c0 10.5 8.6 19 19.1 19h122.7c10.5 0 19.1-8.5 19.1-19V389c-.1-10.5-8.6-19.1-19.1-19.1zm227.1-9.6v-70.8c0-5.3-4.3-9.6-9.6-9.6h-49.4v19.2h39.8v61.2zM96.7 289.5v70.8h19.2v-61.2h39.8v-19.2h-49.4c-5.3 0-9.6 4.3-9.6 9.6zm158.7-93h-19.2v41.4h19.2z"
    />
</svg>