Rattle Drum

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 32 32"
>
    <linearGradient
        id="a"
        x1="16"
        x2="16"
        y1="1"
        y2="31"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#00bcd4" />
        <stop offset="1" stop-color="#1976d2" />
    </linearGradient>
    <path
        fill="url(#a)"
        d="M15.333 23.333h1.334V24a.667.667 0 0 1-1.334 0zm.667-14c-1.838 0-3.333 1.496-3.333 3.334S14.162 16 16 16s3.333-1.495 3.333-3.333S17.838 9.333 16 9.333zm-.667 9.967V22h1.334v-2.7a6.83 6.83 0 0 1-1.334 0zM31 16c0 8.284-6.716 15-15 15S1 24.284 1 16 7.716 1 16 1s15 6.716 15 15zm-7 4.667c0-.868-.56-1.602-1.333-1.877v-6.123C22.667 8.991 19.677 6 16 6s-6.667 2.991-6.667 6.667v6.123A1.996 1.996 0 0 0 8 20.667c0 1.103.897 2 2 2s2-.897 2-2c0-.868-.56-1.602-1.333-1.877v-2.14A6.687 6.687 0 0 0 14 19.025V24c0 1.103.897 2 2 2s2-.897 2-2v-4.974a6.687 6.687 0 0 0 3.333-2.377v2.141A1.996 1.996 0 0 0 20 20.667c0 1.103.897 2 2 2s2-.897 2-2zM10 20a.667.667 0 1 0 .001 1.334A.667.667 0 0 0 10 20zm12 0a.667.667 0 1 0 .001 1.334A.667.667 0 0 0 22 20zm-.667-7.333C21.333 15.607 18.941 18 16 18s-5.333-2.393-5.333-5.333c0-2.941 2.392-5.334 5.333-5.334s5.333 2.393 5.333 5.334zm-.666 0C20.667 10.094 18.573 8 16 8s-4.667 2.094-4.667 4.667c0 2.572 2.094 4.666 4.667 4.666s4.667-2.094 4.667-4.666z"
    />
</svg>