Accordion

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <circle cx="429.204" cy="138.02" r="20.082" fill="#b2f0fb" />
    <circle
        cx="429.204"
        cy="218.347"
        r="20.082"
        transform="rotate(-80.781 429.208 218.34)"
        fill="#b2f0fb"
    />
    <circle
        cx="429.204"
        cy="298.673"
        r="20.082"
        transform="rotate(-22.5 429.184 298.662)"
        fill="#b2f0fb"
    />
    <circle cx="429.204" cy="379" r="20.082" fill="#b2f0fb" />
    <path
        d="M50.163 117.939h105.428v40.163H50.163zM50.163 198.265h105.428v40.163H50.163zM50.163 278.592h105.428v40.163H50.163zM50.163 358.918h105.428v40.163H50.163z"
        fill="#b2f0fb"
    />
    <path
        d="m205.796 439.245-25.102 30.122-25.102-30.122V77.775l25.102-35.142 25.102 35.142zM256 439.245l-25.102 30.122-25.102-30.122V77.775l25.102-35.142L256 77.775zM306.204 439.245l-25.102 30.122L256 439.245V77.775l25.102-35.142 25.102 35.142zM356.408 439.245l-25.102 30.122-25.102-30.122V77.775l25.102-35.142 25.102 35.142z"
        fill="none"
        stroke="#020288"
        stroke-width="20"
        stroke-linecap="round"
        stroke-linejoin="round"
        stroke-miterlimit="10"
    />
    <path
        d="M155.592 439.245H40.122C23.486 439.245 10 425.759 10 409.122V107.898c0-16.636 13.486-30.123 30.122-30.123h115.469v361.47zM471.878 439.245h-115.47V77.775h115.469c16.636 0 30.122 13.486 30.122 30.123v301.224c.001 16.637-13.485 30.123-30.121 30.123z"
        fill="none"
        stroke="#020288"
        stroke-width="20"
        stroke-linecap="round"
        stroke-linejoin="round"
        stroke-miterlimit="10"
    />
</svg>