Hierarchical Structure

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <linearGradient
        id="a"
        x1="256.05"
        x2="256.05"
        y1="512.34"
        y2=".34"
        gradientTransform="matrix(1 0 0 -1 0 512.39)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#f704fe" />
        <stop offset="1" stop-color="#24bce3" />
    </linearGradient>
    <circle cx="256" cy="256" r="256" fill="url(#a)" />
    <g fill="#fffffe">
        <path
            d="M201.1 270.2v31.3c0 7.2 5.8 13 13 13H298c7.2 0 13-5.8 13-13v-31.3c0-7.2-5.8-13-13-13h-83.9c-7.2-.1-13 5.7-13 13zM127.1 215.9h258c8 0 14.5-6.5 14.5-14.5v-66.3c0-8-6.5-14.5-14.5-14.5H127c-8 0-14.5 6.5-14.5 14.5v66.2c-.1 8.1 6.6 14.6 14.6 14.6zM393 340.8h-83.7c-7.2 0-13 5.8-13 13V385c0 7.2 5.9 13 13 13h83.8c7.2 0 13-5.8 13-13v-31.3c-.1-7.1-5.9-12.9-13.1-12.9zM202.8 340.8H119c-7.2 0-13 5.8-13 13V385c0 7.2 5.9 13 13 13h83.8c7.2 0 13-5.8 13-13v-31.3c-.2-7.1-5.9-12.9-13-12.9zM357.8 334.1v-48.3c0-3.6-2.9-6.6-6.6-6.6h-33.7v13.1h27.2v41.8zM154.2 285.9v48.3h13.1v-41.8h27.2v-13.1h-33.7c-3.7.1-6.6 2.9-6.6 6.6zM262.5 222.4h-13.1v28.2h13.1z"
        />
    </g>
</svg>