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

const ClearCloseIcon = 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.437 8.205 10.003 2.683c9.566-5.523 21.798-2.246 27.321 7.32 5.523 9.566 2.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-8.2 13.657a2 2 0 0 1-2.828 0l-2.829-2.828-2.829 2.828a2 2 0 1 1-2.828-2.828l2.829-2.829-2.829-2.829a2 2 0 1 1 2.828-2.828l2.829 2.829 2.829-2.829a2 2 0 1 1 2.829 2.828l-2.828 2.829 2.828 2.829a2 2 0 0 1-.001 2.828z" fill-rule="evenodd" clip-rule="evenodd"/></svg>'
    }
    {...props}
  />
);

export default ClearCloseIcon;