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

const ClearColorWheelIcon = props => (
  <Icon
    dangerouslySetGlyph={
      '<svg viewBox="0 0 40 40" fill="currentColor"><path d="M36.922 9.373A19.883 19.883 0 0 1 40 20c0 6.37-2.988 12.031-7.627 15.694A19.894 19.894 0 0 1 20 40c-5.812 0-11.028-2.494-14.682-6.452C2.895 30.923 1.15 27.664.407 24.03A20.032 20.032 0 0 1 0 20 19.938 19.938 0 0 1 5.858 5.858C9.477 2.238 14.477 0 20 0s10.523 2.239 14.142 5.858a20.04 20.04 0 0 1 2.78 3.515zM20 4v16L8.687 8.687A15.946 15.946 0 0 0 4 20h16L8.687 31.314A15.95 15.95 0 0 0 20 36V20l11.314 11.314A15.954 15.954 0 0 0 36 20H20L31.314 8.687A15.95 15.95 0 0 0 20 4z" fill-rule="evenodd" clip-rule="evenodd"/></svg>'
    }
    {...props}
  />
);

export default ClearColorWheelIcon;