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

const ClearRepeatIcon = props => (
  <Icon
    dangerouslySetGlyph={
      '<svg viewBox="0 0 40 44.438" fill="currentColor"><path d="M24 41.809v-4.123c6.897-1.779 12-8.023 12-15.476 0-5.067-2.357-9.583-6.033-12.513C28 8.211 31 5.211 33.049 7.061 37.304 10.728 40 16.153 40 22.21c0 9.676-6.871 17.745-16 19.599zm.277-35.518l-6.51 3.899c-.948.567-1.72.132-1.725-.973l-.035-8c-.004-1.104.758-1.536 1.703-.964l6.571 3.975c.946.571.944 1.495-.004 2.063zM4 22.21c0 5.041 2.333 9.536 5.977 12.468C12 36.211 10 40.211 6.783 37.214 2.625 33.549 0 28.188 0 22.21 0 12.535 6.872 4.465 16 2.612v4.123C9.103 8.514 4 14.758 4 22.21zm11.718 16.018l6.571-3.976c.945-.572 1.708-.14 1.703.964l-.034 8c-.005 1.104-.777 1.54-1.725.973l-6.51-3.899c-.948-.567-.95-1.49-.005-2.062z" fill-rule="evenodd" clip-rule="evenodd"/></svg>'
    }
    {...props}
  />
);

export default ClearRepeatIcon;