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

const ClearAceIcon = props => (
  <Icon
    dangerouslySetGlyph={
      '<svg viewBox="0 0 40 39.988" fill="currentColor"><path d="M40 23.968c0 6.639-5.373 12.021-12 12.021-2.249 0-4.345-.63-6.142-1.712l1.439 3.839c.388 1.034-.193 1.873-1.298 1.873h-4c-1.104 0-1.686-.838-1.298-1.873l1.439-3.839a11.858 11.858 0 0 1-6.142 1.712c-6.627 0-12-5.382-12-12.021 0-3.559 1.553-6.747 4.006-8.947H3.99L20 0l16.009 15.021h-.016A11.982 11.982 0 0 1 40 23.968zm-5.74-4.982h.032l-.117-.115a8.074 8.074 0 0 0-1.2-1.174L20 5.009 7.025 17.698c-.438.35-.843.74-1.2 1.173l-.118.115h.033A7.979 7.979 0 0 0 4 23.968c0 4.426 3.582 8.014 8 8.014 4.081 0 7.442-3.063 7.932-7.019.023 0 .045.006.068.006s.045-.006.068-.006c.49 3.955 3.851 7.019 7.932 7.019 4.418 0 8-3.588 8-8.014a7.985 7.985 0 0 0-1.74-4.982z" fill-rule="evenodd" clip-rule="evenodd"/></svg>'
    }
    {...props}
  />
);

export default ClearAceIcon;