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

const ClearVoiceMessageIcon = props => (
  <Icon
    dangerouslySetGlyph={
      '<svg viewBox="0 0 40 35.948" fill="currentColor"><path d="M36 28H4a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4h32a4 4 0 0 1 4 4v20a4 4 0 0 1-4 4zm0-24H4v20h32V4zm-22.312 6.017l4.625-2.943C19.245 6.481 20 6.896 20 8v12c0 1.104-.755 1.519-1.687.926l-4.625-2.943C12.755 17.39 12 16.014 12 14.909v-1.818c0-1.105.755-2.481 1.688-3.074zm9.555-.26a6 6 0 0 1 0 8.485l-1.421-1.421a3.99 3.99 0 0 0 0-5.642l1.421-1.422zm1.414-1.414l1.415-1.415c3.905 3.906 3.905 10.237 0 14.143l-1.415-1.414a8 8 0 0 0 0-11.314zm-12.17 26.524C11.113 36.597 10 36.209 10 34v-6h7.938l-5.451 6.867z" fill-rule="evenodd" clip-rule="evenodd"/></svg>'
    }
    {...props}
  />
);

export default ClearVoiceMessageIcon;