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

const ClearBack4Icon = props => (
  <Icon
    dangerouslySetGlyph={
      '<svg viewBox="0 0 40.007 40.007" fill="currentColor"><path d="M30.003 37.324c-9.566 5.523-21.797 2.246-27.32-7.32S.438 8.206 10.003 2.683C19.569-2.839 31.8.438 37.324 10.004c5.523 9.565 2.245 21.797-7.321 27.32zm3.857-25.321C29.442 4.351 19.656 1.729 12.003 6.147S1.729 20.351 6.147 28.003c4.418 7.653 14.203 10.274 21.856 5.856 7.653-4.418 10.275-14.203 5.857-21.856zm-6.857 10H18.66l2.242 2.243a2 2 0 1 1-2.829 2.828l-5.657-5.657c-.391-.39-.586-.902-.586-1.414s.195-1.024.586-1.415l5.656-5.657a2 2 0 0 1 2.829 2.829l-2.242 2.243h8.343a2 2 0 0 1 2 2c.001 1.105-.894 2-1.999 2zm-6.1 5.072s0-.001 0 0z" fill-rule="evenodd" clip-rule="evenodd"/></svg>'
    }
    {...props}
  />
);

export default ClearBack4Icon;