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

const ClearMuteIcon = props => (
  <Icon
    dangerouslySetGlyph={
      '<svg viewBox="0 0 31.24 36.771" fill="currentColor"><path d="M30.654 27.699l-2.828 2.829 2.828 2.829a2 2 0 1 1-2.828 2.828l-2.829-2.829-2.829 2.829a2 2 0 1 1-2.828-2.828l2.828-2.829-2.828-2.829a2 2 0 1 1 2.828-2.828l2.829 2.829 2.829-2.829a2 2 0 1 1 2.828 2.828zM20 22.362V4.531l-8 6v12l4.775 3.581a3.973 3.973 0 0 0 1.154 3.005l1.414 1.415-1.411 1.411c-.112-.077-.219-.126-.332-.212l-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.531v19.343l-.414-.414A3.996 3.996 0 0 0 20 22.362zM4 24.531H2a2 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 ClearMuteIcon;