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

const ClearLoadingIcon = props => (
  <Icon
    dangerouslySetGlyph={
      '<svg viewBox="0 0 40 40" fill="currentColor"><path d="M35 25a5 5 0 1 1 0-10 5 5 0 0 1 0 10zm-7.929-12.071a5 5 0 1 1 7.071-7.07 5 5 0 0 1-7.071 7.07zM20 40a5 5 0 1 1 0-10 5 5 0 0 1 0 10zm0-30a5 5 0 1 1 0-10 5 5 0 0 1 0 10zM5.857 34.142a5.001 5.001 0 1 1 7.074-7.071 5.001 5.001 0 0 1-7.074 7.071zm0-21.213a5.001 5.001 0 0 1 7.071-7.071 5 5 0 0 1-7.071 7.071zM10 20a5 5 0 1 1-10.001-.001A5 5 0 0 1 10 20zm24.142 7.071a5 5 0 0 1 0 7.071 5 5 0 1 1-7.071-7.071 5 5 0 0 1 7.071 0z" fill-rule="evenodd" clip-rule="evenodd"/></svg>'
    }
    {...props}
  />
);

export default ClearLoadingIcon;