Accordion

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 497 497"
>
    <path
        fill="#ad9636"
        d="M48.353 53.5c-8.566 0-16.52-3.884-22.332-10.176a14.969 14.969 0 0 0-11.746-4.807C6.207 38.897 0 45.847 0 53.924v389.153c0 8.077 6.207 15.027 14.275 15.406a14.963 14.963 0 0 0 11.745-4.807c5.813-6.292 13.766-10.176 22.332-10.176H112.5l60-195-60-195z"
    />
    <path fill="#968430" d="M112.5 53.5h60v390h-60z" />
    <path
        fill="#ad9636"
        d="M467 0h-30v497h30c16.569 0 30-13.431 30-30V30c0-16.569-13.431-30-30-30z"
    />
    <path
        fill="#c2a83e"
        d="M437 0h-60l-57.25 158.073L262.5 0h-90c-16.569 0-30 13.431-30 30v437c0 16.569 13.431 30 30 30h90l57.25-158.073L377 497h60c16.569 0 30-13.431 30-30V30c0-16.569-13.431-30-30-30z"
    />
    <path fill="#968430" d="M437 143.5v210l30 30h30v-270h-30z" />
    <path fill="#ad9636" d="M407 113.5h60v270h-60z" />
    <path
        fill="#4f4f4f"
        d="m366.39 4.39-8.47 8.48-8.48-8.48A14.955 14.955 0 0 0 338.83 0l-19.08 79.023L300.67 0c-4.15 0-7.9 1.68-10.61 4.39l-8.48 8.48-8.47-8.48A14.99 14.99 0 0 0 262.5 0v497c4.14 0 7.89-1.68 10.61-4.39l8.47-8.48 8.48 8.48c2.71 2.71 6.46 4.39 10.61 4.39l19.08-79.023L338.83 497c4.15 0 7.9-1.68 10.61-4.39l8.48-8.48 8.47 8.48A14.99 14.99 0 0 0 377 497V0c-4.14 0-7.89 1.68-10.61 4.39z"
    />
    <path
        fill="#616161"
        d="M338.83 0v497c-4.14 0-7.89-1.68-10.6-4.39l-8.48-8.48-8.48 8.48a14.95 14.95 0 0 1-10.6 4.39V0c4.14 0 7.89 1.68 10.6 4.39l8.48 8.48 8.48-8.48A14.95 14.95 0 0 1 338.83 0z"
    />
    <path fill="#ffe187" d="M187.5 60v377l15 30h30V30h-30z" />
    <path fill="#ffefcf" d="M172.5 30h30v437h-30z" />
    <g fill="#fffaf0">
        <circle cx="452" cy="338.5" r="15" />
        <circle cx="452" cy="278.5" r="15" />
        <circle cx="452" cy="218.5" r="15" />
        <circle cx="452" cy="158.5" r="15" />
        <circle cx="45" cy="338.5" r="15" />
        <circle cx="45" cy="398.5" r="15" />
        <circle cx="45" cy="278.5" r="15" />
        <circle cx="45" cy="218.5" r="15" />
        <circle cx="45" cy="98.5" r="15" />
        <circle cx="97.5" cy="368.5" r="15" />
        <circle cx="97.5" cy="308.5" r="15" />
        <circle cx="97.5" cy="248.5" r="15" />
        <circle cx="97.5" cy="188.5" r="15" />
        <circle cx="45" cy="158.5" r="15" />
        <circle cx="97.5" cy="128.5" r="15" />
    </g>
</svg>