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

const ClearProgressIcon = props => (
  <Icon
    dangerouslySetGlyph={
      '<svg viewBox="0 0 40 40" fill="currentColor"><path d="M20 40C8.955 40 0 31.045 0 20 0 8.954 8.955 0 20 0c11.046 0 20 8.954 20 20 0 11.045-8.954 20-20 20zM31.314 8.686L20 20V4C11.164 4 4 11.164 4 20s7.163 16 16 16c4.418 0 8.418-1.791 11.313-4.687L20 20l11.314 11.313A15.95 15.95 0 0 0 36 20c0-4.418-1.791-8.418-4.686-11.314zm-.01-.009zm-2.393-1.966zm-1.408-.84zm-1.553-.716zm-1.684-.562c-.345-.096-.688-.196-1.041-.268.354.072.696.172 1.041.268zm-1.849-.391c-.26-.04-.516-.092-.78-.119.263.026.519.079.78.119zM8.687 8.686L20 20 8.687 8.686z" fill-rule="evenodd" clip-rule="evenodd"/></svg>'
    }
    {...props}
  />
);

export default ClearProgressIcon;