import * as React from 'react';
export interface Drums24Props extends React.SVGProps<SVGSVGElement> { ariaLabel?: string }
export default function Drums24({ ariaLabel, ...props }: Drums24Props) {
  return (
    <svg viewBox="0 0 24 24" width="1em" height="1em" fill="currentColor"
         role={ariaLabel ? 'img' : 'presentation'}
         aria-label={ariaLabel || undefined}
         {...props}><g fill="currentColor"><path d="m21.066 4.822-2.335 1.167C20.824 6.708 22 7.691 22 8.5c0 1.462-3.8 3.5-10 3.5S2 9.962 2 8.5c0-.81 1.171-1.795 3.264-2.514L2.93 4.819C1.154 5.726 0 6.959 0 8.5v9C0 20.538 5.373 23 12 23s12-2.462 12-5.5v-9c0-1.542-1.158-2.773-2.934-3.678M6 20.183a12.6 12.6 0 0 1-2-.783v-6.74a16 16 0 0 0 2 .64Zm7 .794q-.489.021-1 .023c-.511.002-.673-.01-1-.023v-7c.331.011.66.027 1 .027s.669-.016 1-.027Zm7-1.577a12.6 12.6 0 0 1-2 .781V13.3a16 16 0 0 0 2-.642Z"/><path d="M22.9.553a1 1 0 0 0-1.347-.448L12 4.882 2.447.105A1 1 0 0 0 1.553 1.9L9.764 6 7.553 7.105A1 1 0 0 0 8.447 8.9L12 7.118 15.553 8.9a1 1 0 1 0 .894-1.79L14.236 6l8.211-4.1A1 1 0 0 0 22.9.553" data-color="color-2"/></g></svg>
  );
}