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

const ClearWaterIcon = props => (
  <Icon
    dangerouslySetGlyph={
      '<svg viewBox="0 0 28 38.746" fill="currentColor"><path d="M14 38.746c-7.732 0-14-6.268-14-14C0 18.542 9.015 5.553 12.577.663c.642-.898 2.156-.894 2.898.071C19.071 5.677 28 18.571 28 24.746c0 7.732-6.268 14-14 14zm0-33s-10 13.478-10 19c0 5.523 4.477 10 10 10s10-4.477 10-10c0-5.522-10-19-10-19zM8.987 20.769c0 4.892 2.108 8.956 4.893 9.823a5.94 5.94 0 0 1-1.049.105 6 6 0 0 1-6-6c0-1.852.857-3.487 2.176-4.588-.008.22-.02.437-.02.66z" fill-rule="evenodd" clip-rule="evenodd"/></svg>'
    }
    {...props}
  />
);

export default ClearWaterIcon;