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

const ClearMoonIcon = props => (
  <Icon
    dangerouslySetGlyph={
      '<svg viewBox="0 0 37.881 37.882" fill="currentColor"><path d="M10 9.882c0 9.941 8.059 18 18 18a17.83 17.83 0 0 0 7.983-1.878c2.588-1.291 2.018.878 1.258 1.998-3.473 5.91-9.89 9.88-17.241 9.88-11.045 0-20-8.954-20-20C0 10.5 4.003 4.06 9.954.598 11-.118 13.081-.848 11.541 2.614A17.815 17.815 0 0 0 10 9.882zm-6 8c0 8.836 7.164 16 16 16 2.817 0 5.46-.734 7.76-2.012-11.958-.13-21.618-9.791-21.748-21.748A15.919 15.919 0 0 0 4 17.882z" fill-rule="evenodd" clip-rule="evenodd"/></svg>'
    }
    {...props}
  />
);

export default ClearMoonIcon;