Accordion

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <circle cx="256" cy="256" r="256" fill="#00e4ef" />
    <path
        fill="#5ecbf1"
        d="m291.547 199.798-92.396-92.396L60.746 404.598l80.105 80.105C175.465 502.165 214.584 512 256 512c141.385 0 256-114.615 256-256 0-44.222-11.213-85.826-30.951-122.122l-26.476-26.476z"
    />
    <path fill="#ff6326" d="M197.227 143.015v225.97l34.748 24.26v-274.49z" />
    <path
        fill="#ff3838"
        d="M231.98 250.27v142.97l-32.83-22.92-1.92-1.34V250.27z"
    />
    <path fill="#d0004f" d="M266.723 368.985v-225.97l-34.748-24.26v274.49z" />
    <path fill="#840055" d="M266.72 250.27v118.71l-34.74 24.26V250.27z" />
    <path fill="#ff6326" d="M266.723 143.015v225.97l34.747 24.26v-274.49z" />
    <path fill="#ff3838" d="M301.47 250.27v142.97l-34.75-24.26V250.27z" />
    <path fill="#d0004f" d="M336.218 368.985v-225.97l-34.748-24.26v274.49z" />
    <path
        fill="#840055"
        d="M336.22 250.27v118.71l-.33.23-34.42 24.03V250.27z"
    />
    <path
        fill="#203170"
        d="M199.151 404.598H60.746v-34.325l47.713-117.771-47.713-110.775v-34.325h138.405z"
    />
    <path
        fill="#08173a"
        d="M199.15 250.27V404.6H60.75v-34.33l47.71-117.77-.96-2.23z"
    />
    <path fill="#203170" d="M335.89 107.402h118.683v297.197H335.89z" />
    <path fill="#08173a" d="M335.89 250.27h118.68V404.6H335.89z" />
    <path
        fill="#fff"
        d="M156.171 370.273H60.746V141.727h95.425v30l-8.263 16.597 8.263 13.403v48.546l-5.166 15 5.166 15v30l-5.448 15 5.448 15z"
    />
    <path
        fill="#d8d8d8"
        d="m151 265.27 5.17 15v30l-5.45 15 5.45 15v30H60.75v-120h95.42z"
    />
    <path fill="#203170" d="M110.366 250.273h45.805v30h-45.805z" />
    <path fill="#2b4489" d="M110.366 171.727h45.805v30h-45.805z" />
    <path fill="#203170" d="M110.366 310.273h45.805v30h-45.805z" />
</svg>