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

const ClearMessagesIcon = props => (
  <Icon
    dangerouslySetGlyph={
      '<svg viewBox="0 0 40 36.961" fill="currentColor"><path d="M36 32.006H24.495L21.2 36.4c-.663.884-1.2.704-1.2-.4v-3.994h-2a4 4 0 0 1-4-4V24h4v3.994h18v-9.983h-2V14h2a4 4 0 0 1 4 4v10.006a4 4 0 0 1-4 4zM28 22H4a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4h24a4 4 0 0 1 4 4v14a4 4 0 0 1-4 4zm0-18H4v14h24V4zM6 28v-6h6l-4.8 6.4c-.663.883-1.2.704-1.2-.4z" fill-rule="evenodd" clip-rule="evenodd"/></svg>'
    }
    {...props}
  />
);

export default ClearMessagesIcon;