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

const ClearWheelIcon = props => (
  <Icon
    dangerouslySetGlyph={
      '<svg viewBox="0 0 40 40" fill="currentColor"><path d="M40 20c0 5.931-2.597 11.243-6.698 14.906l.072.099-3.236 2.351-.069-.095A19.885 19.885 0 0 1 20 40a19.879 19.879 0 0 1-10.068-2.739l-.069.095-3.236-2.351.072-.099C2.597 31.243 0 25.931 0 20c0-1.458.171-2.874.468-4.244l-.107-.035 1.236-3.804.11.036C4.551 5.501 10.687.828 18 .101V0h4v.101c7.313.727 13.449 5.4 16.293 11.853l.11-.036 1.236 3.804-.107.035C39.828 17.126 40 18.542 40 20zM20 36c2.797 0 5.424-.722 7.712-1.983l-4.78-6.579c-.909.358-1.896.562-2.932.562s-2.023-.204-2.932-.562l-4.78 6.579A15.916 15.916 0 0 0 20 36zM4 20c0 4.6 1.952 8.735 5.061 11.654l4.768-6.563A7.97 7.97 0 0 1 12 20c0-.165.015-.326.025-.488l-7.742-2.516A16.07 16.07 0 0 0 4 20zM18 4.138c-5.534.692-10.182 4.208-12.47 9.057l7.728 2.511A8.002 8.002 0 0 1 18 12.262V4.138zM20 16a4 4 0 1 0 0 8 4 4 0 0 0 0-8zm2-11.862v8.124a7.999 7.999 0 0 1 4.742 3.444l7.728-2.511C32.182 8.346 27.534 4.83 22 4.138zm13.717 12.858l-7.742 2.516c.01.162.025.323.025.488a7.97 7.97 0 0 1-1.829 5.091l4.768 6.563C34.048 28.735 36 24.6 36 20a16.07 16.07 0 0 0-.283-3.004z" fill-rule="evenodd" clip-rule="evenodd"/></svg>'
    }
    {...props}
  />
);

export default ClearWheelIcon;