Hierarchical Structure

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <linearGradient
        id="a"
        x1="255.999"
        x2="256"
        y1="511.996"
        y2="-.002"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#6c54a3" />
        <stop offset="1" stop-color="#00b1d2" />
    </linearGradient>
    <path
        fill="url(#a)"
        fill-rule="evenodd"
        d="M219.451 248q22.182 12.312 27.711 16H323v193.8a8 8 0 0 0 8 8h64.6V504a8 8 0 0 0 8 8H496a8 8 0 0 0 8-8v-92.4a8 8 0 0 0-7.994-8h-92.4a8 8 0 0 0-8 8v38.2H339V264h56.6v38.2a8 8 0 0 0 8 8H496a8 8 0 0 0 7.994-8v-92.4a8 8 0 0 0-7.994-8h-92.4a8 8 0 0 0-8 8V248H339V62.2h56.6v38.2a8 8 0 0 0 8 8H496a8 8 0 0 0 7.994-8V8A8 8 0 0 0 496 0h-92.4a8 8 0 0 0-8 8v38.2H331a8 8 0 0 0-8 8V248zm60.537 90.812v106.954a9.328 9.328 0 0 1-9.316 9.322H17.324A9.329 9.329 0 0 1 8 445.766V338.808c0-23.76 11.8-44.192 32.369-56.072l70.225-40.536a8.027 8.027 0 0 0 4-6.93v-13.042a76.406 76.406 0 0 0 58.815 0v13.037a8 8 0 0 0 4 6.93l70.209 40.541c20.582 11.88 32.369 32.312 32.369 56.072zM83.518 151.633V117.4A60.558 60.558 0 0 1 144 56.906a60.552 60.552 0 0 1 60.48 60.494v34.233a60.48 60.48 0 0 1-120.96 0z"
    />
</svg>