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

const ClearHelpIcon = props => (
  <Icon
    dangerouslySetGlyph={
      '<svg viewBox="0 0 40 40" fill="currentColor"><path d="M34.142 34.142a19.997 19.997 0 0 1-7.431 4.679A19.9 19.9 0 0 1 20 40a19.94 19.94 0 0 1-14.142-5.858 20.175 20.175 0 0 1-1.608-1.845A19.887 19.887 0 0 1 0 20 19.938 19.938 0 0 1 5.858 5.858c.41-.41.844-.797 1.288-1.17.046-.039.086-.083.132-.12.072-.06.15-.109.222-.167A19.904 19.904 0 0 1 20 0a19.938 19.938 0 0 1 14.142 5.858A19.933 19.933 0 0 1 40 20a19.933 19.933 0 0 1-5.858 14.142zM8.687 8.686A15.95 15.95 0 0 0 4 20h8c0-2.209.896-4.209 2.343-5.657L8.687 8.686zm0 22.628A15.95 15.95 0 0 0 20 36v-8a7.979 7.979 0 0 1-5.657-2.343l-5.656 5.657zM16 20a4 4 0 1 0 8 0 4 4 0 0 0-8 0zm4-16v8c2.209 0 4.209.896 5.657 2.343l5.657-5.657A15.954 15.954 0 0 0 20 4zm8 16a7.979 7.979 0 0 1-2.343 5.657l5.657 5.657A15.954 15.954 0 0 0 36 20h-8z" fill-rule="evenodd" clip-rule="evenodd"/></svg>'
    }
    {...props}
  />
);

export default ClearHelpIcon;