import React from 'react';
import Icon from '../../src/Icon';

const ClearMute1Icon = props => (
  <Icon
    dangerouslySetGlyph={
      '<svg viewBox="0 0 32 37.531" fill="currentColor"><path d="M24 37.531a8 8 0 1 1 0-16 8 8 0 0 1 0 16zm0-3a4.97 4.97 0 0 0 2.754-.831l-6.923-6.923A4.979 4.979 0 0 0 19 29.531a5 5 0 0 0 5 5zm0-10a4.964 4.964 0 0 0-2.754.832l6.922 6.922c.524-.79.832-1.735.832-2.754a5 5 0 0 0-5-5zm-4-20l-8 6v12l3.146 2.359a9.949 9.949 0 0 0-1.122 4.159L9.6 25.731c-.884-.663-1.6-2.095-1.6-3.2v-12c0-1.104.716-2.537 1.6-3.2l8-6C21.135-1.32 24 .113 24 4.531v15a9.957 9.957 0 0 0-4 .838V4.531zm-16 20H2a2 2 0 0 1-2-2v-12a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2z" fill-rule="evenodd" clip-rule="evenodd"/></svg>'
    }
    {...props}
  />
);

export default ClearMute1Icon;