Xylophone

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="100"
    height="100"
    viewBox="0 0 58 58"
>
    <path
        d="M21 49h36v6H21zM22 40h34v6H22zM23 31h32v6H23zM24 22h30v6H24zM25 13h28v6H25zM26 4h26v6H26z"
        fill="#cb8252"
    />
    <path
        d="m50.138 31-.207-3h-3l.207 3zM45.897 13h3l-.207-3h-3zM50.759 40l-.207-3h-3l.207 3zM49.517 22l-.207-3h-3l.207 3zM48.793 55 49 58h3l-.207-3zM48.276 4 48 0h-3l.276 4zM51.379 49l-.207-3h-3l.207 3zM30.862 31l.207-3h-3l-.207 3zM31.483 22l.207-3h-3l-.207 3zM29.103 13h3l.207-3h-3zM30.241 40l.207-3h-3l-.207 3zM29.621 49l.207-3h-3l-.207 3zM26.207 55 26 58h3l.207-3zM32.724 4 33 0h-3l-.276 4z"
        fill="#556080"
    />
    <circle cx="31" cy="7" r="1" fill="#ecf0f1" />
    <circle cx="30" cy="16" r="1" fill="#ecf0f1" />
    <circle cx="29" cy="25" r="1" fill="#ecf0f1" />
    <circle cx="29" cy="34" r="1" fill="#ecf0f1" />
    <circle cx="49" cy="34" r="1" fill="#ecf0f1" />
    <circle cx="50" cy="43" r="1" fill="#ecf0f1" />
    <circle cx="28" cy="43" r="1" fill="#ecf0f1" />
    <circle cx="28" cy="52" r="1" fill="#ecf0f1" />
    <circle cx="50" cy="52" r="1" fill="#ecf0f1" />
    <circle cx="49" cy="25" r="1" fill="#ecf0f1" />
    <circle cx="48" cy="16" r="1" fill="#ecf0f1" />
    <circle cx="47" cy="7" r="1" fill="#ecf0f1" />
    <path
        d="m6.707 1.293-1-1A.997.997 0 0 0 5 0H3a.997.997 0 0 0-.707.293l-1 1A.997.997 0 0 0 1 2v4c0 .265.105.52.293.707l1 1A.997.997 0 0 0 3 8v47a1 1 0 0 0 2 0V8c.265 0 .52-.105.707-.293l1-1A.997.997 0 0 0 7 6V2a.997.997 0 0 0-.293-.707z"
        fill="#cbb292"
    />
    <path
        d="m13.707 51.293-1-1A.997.997 0 0 0 12 50V3a1 1 0 0 0-2 0v47a.997.997 0 0 0-.707.293l-1 1A.997.997 0 0 0 8 52v4c0 .265.105.52.293.707l1 1A.997.997 0 0 0 10 58h2c.265 0 .52-.105.707-.293l1-1A.997.997 0 0 0 14 56v-4a.997.997 0 0 0-.293-.707z"
        fill="#e2c5a6"
    />
</svg>