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

const ClearViewIcon = props => (
  <Icon
    dangerouslySetGlyph={
      '<svg viewBox="0 0 43.522 31.972" fill="currentColor"><path d="M42.797 18.022c-4.329 8.359-12.123 13.95-21.04 13.95-8.909 0-16.696-5.58-21.028-13.925-.972-2.061-.972-2.061 0-4.122C5.06 5.58 12.848 0 21.757 0c8.949 0 16.766 5.629 21.085 14.037.915 1.949.915 1.949-.045 3.985zM21.757 3.973c-7.874 0-14.677 4.893-18.002 12.013 3.325 7.12 10.128 12.013 18.002 12.013s14.677-4.893 18.002-12.013C36.434 8.866 29.631 3.973 21.757 3.973zm0 20.013a8 8 0 1 1 0-16 8 8 0 0 1 0 16zm-3.001-13a2 2 0 1 0 .001 4.001 2 2 0 0 0-.001-4.001z" fill-rule="evenodd" clip-rule="evenodd"/></svg>'
    }
    {...props}
  />
);

export default ClearViewIcon;
