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

const ClearRemoveIcon = props => (
  <Icon
    dangerouslySetGlyph={
      '<svg viewBox="0 0 40.007 40.007" fill="currentColor"><path d="M30.004 37.324c-9.566 5.522-21.798 2.245-27.321-7.321S.438 8.206 10.004 2.683c9.565-5.523 21.797-2.246 27.32 7.32s2.245 21.798-7.32 27.321zm3.856-25.321C29.442 4.351 19.656 1.729 12.003 6.147 4.351 10.565 1.729 20.351 6.147 28.003c4.418 7.653 14.204 10.274 21.856 5.856 7.653-4.418 10.275-14.203 5.857-21.856zm-7.856 10h-12a2 2 0 0 1 0-4h12a2 2 0 0 1 0 4z" fill-rule="evenodd" clip-rule="evenodd"/></svg>'
    }
    {...props}
  />
);

export default ClearRemoveIcon;