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

const ClearSpeakerIcon = props => (
  <Icon
    dangerouslySetGlyph={
      '<svg viewBox="0 0 24 33.062" fill="currentColor"><path d="M17.6 31.731l-8-6c-.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.531v24c0 4.419-2.865 5.851-6.4 3.2zm2.4-27.2l-8 6v12l8 6v-24zm-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 ClearSpeakerIcon;