Accordion

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="100"
    height="100"
    viewBox="0 0 512 512"
>
    <circle cx="256" cy="256" r="256" fill="#ffdc00" />
    <path
        d="M512 256c0-8.393-.417-16.687-1.206-24.873L414 134.333 77 377.667l129.542 129.542A257.297 257.297 0 0 0 256 512c141.385 0 256-114.615 256-256z"
        fill="#ffc000"
    />
    <path d="M170.17 134.33h171.67v243.33H170.17z" fill="#008cc3" />
    <path d="M170.17 256h171.67v121.67H170.17z" fill="#0074a3" />
    <path d="M252.67 134.33h40.667v243.33H252.67z" fill="#00baff" />
    <path d="M252.67 256h40.667v121.67H252.67z" fill="#008cc3" />
    <path d="M181 134.33h40.667v243.33H181z" fill="#00baff" />
    <path d="M181 256h40.667v121.67H181z" fill="#008cc3" />
    <path d="M77 134.33h104v243.33H77z" fill="#175d76" />
    <path d="M77 256h104v121.67H77z" fill="#00263f" />
    <path d="M331 134.33h83v243.33h-83z" fill="#175d76" />
    <path d="M331 256h83v121.67h-83z" fill="#00263f" />
    <path d="M77 156.5h66.33v199H77z" fill="#fff" />
    <path d="M77 256h66.33v99.5H77z" fill="#e0e0e0" />
    <path
        d="M88.67 176.08h54.667v14.333H88.67zM88.67 197.08h54.667v14.333H88.67zM88.67 237.08h54.667v14.333H88.67z"
        fill="#333"
    />
    <path
        d="M88.67 258.08h54.667v14.333H88.67zM88.67 300.58h54.667v14.333H88.67zM88.67 321.58h54.667v14.333H88.67z"
        fill="#1a1a1a"
    />
    <circle cx="385.25" cy="160.96" r="7.75" fill="#00baff" />
    <circle cx="385.25" cy="198.97" r="7.75" fill="#00baff" />
    <circle cx="385.25" cy="236.99" r="7.75" fill="#00baff" />
    <circle cx="385.25" cy="275.01" r="7.75" fill="#008cc3" />
    <circle cx="385.25" cy="313.02" r="7.75" fill="#008cc3" />
    <circle cx="385.25" cy="351.04" r="7.75" fill="#008cc3" />
</svg>