Rattle Drum

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 32 32"
>
    <linearGradient id="a">
        <stop offset="0" stop-color="#bbdefb" />
        <stop offset="1" stop-color="#64b5f6" />
    </linearGradient>
    <linearGradient
        id="c"
        x1="13"
        x2="19"
        y1="25"
        y2="25"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="d"
        x1="6"
        x2="8"
        y1="16"
        y2="16"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="e"
        x1="24"
        x2="26"
        y1="16"
        y2="16"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient id="b">
        <stop offset="0" stop-color="#42a5f5" />
        <stop offset="1" stop-color="#1e88e5" />
    </linearGradient>
    <linearGradient
        id="f"
        x1="4"
        x2="10"
        y1="23"
        y2="23"
        gradientUnits="userSpaceOnUse"
        href="#b"
    />
    <linearGradient
        id="g"
        x1="22"
        x2="28"
        y1="23"
        y2="23"
        gradientUnits="userSpaceOnUse"
        href="#b"
    />
    <linearGradient
        id="h"
        x1="13"
        x2="19"
        y1="26"
        y2="26"
        gradientUnits="userSpaceOnUse"
        href="#b"
    />
    <linearGradient
        id="i"
        x1="6"
        x2="26"
        y1="11"
        y2="11"
        gradientUnits="userSpaceOnUse"
        href="#b"
    />
    <linearGradient
        id="j"
        x1="9"
        x2="23"
        y1="11"
        y2="11"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <path
        fill="url(#c)"
        d="M18 19h-4a1 1 0 0 0-1 1v8c0 1.654 1.346 3 3 3s3-1.346 3-3v-8a1 1 0 0 0-1-1z"
    />
    <path
        fill="url(#d)"
        d="M7 22a1 1 0 0 1-1-1V11a1 1 0 1 1 2 0v10a1 1 0 0 1-1 1z"
    />
    <path
        fill="url(#e)"
        d="M25 22a1 1 0 0 1-1-1V11a1 1 0 1 1 2 0v10a1 1 0 0 1-1 1z"
    />
    <circle cx="7" cy="23" r="3" fill="url(#f)" />
    <circle cx="25" cy="23" r="3" fill="url(#g)" />
    <path fill="url(#h)" d="M13 25h6v2h-6z" />
    <path
        fill="url(#i)"
        d="M16 1C10.486 1 6 5.486 6 11s4.486 10 10 10 10-4.486 10-10S21.514 1 16 1z"
    />
    <path
        fill="url(#j)"
        d="M16 4c-3.86 0-7 3.14-7 7s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7z"
    />
</svg>