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

const ClearCloverIcon = props => (
  <Icon
    dangerouslySetGlyph={
      '<svg viewBox="0 0 40 40" fill="currentColor"><path d="M40 24c0 6.627-5.373 12-12 12-2.249 0-4.344-.629-6.141-1.708l1.438 3.835C23.686 39.162 23.104 40 22 40h-4c-1.104 0-1.686-.838-1.298-1.873l1.438-3.835A11.876 11.876 0 0 1 12 36C5.373 36 0 30.627 0 24c0-5.243 3.368-9.688 8.054-11.322C8.041 12.45 8 12.23 8 12 8 5.373 13.373 0 20 0s12 5.373 12 12c0 .231-.021.457-.035.685C36.641 14.324 40 18.764 40 24zm-12-8a8.13 8.13 0 0 0-1.133.089A7.944 7.944 0 0 0 28 12a8 8 0 0 0-16 0c0 1.497.418 2.892 1.133 4.089A8.13 8.13 0 0 0 12 16a8 8 0 0 0 0 16c3.735 0 6.864-2.564 7.744-6.025.087.005.168.025.256.025.087 0 .169-.02.255-.025C21.136 29.436 24.264 32 28 32a8 8 0 0 0 0-16z" fill-rule="evenodd" clip-rule="evenodd"/></svg>'
    }
    {...props}
  />
);

export default ClearCloverIcon;