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

const ClearPlayIcon = props => (
  <Icon
    dangerouslySetGlyph={
      '<svg viewBox="0 0 40.007 40.007" fill="currentColor"><path d="M30.004 37.324c-9.566 5.522-21.798 2.245-27.321-7.321S.438 8.206 10.004 2.683c9.565-5.523 21.797-2.246 27.32 7.32s2.245 21.798-7.32 27.321zm3.856-25.321C29.442 4.351 19.656 1.729 12.004 6.147 4.351 10.565 1.729 20.351 6.147 28.003c4.418 7.653 14.204 10.275 21.856 5.856 7.653-4.418 10.275-14.203 5.857-21.856zm-6.66 9.196l-10.392 6c-.957.552-1.736.104-1.741-1l-.054-12.124c-.005-1.104.765-1.549 1.719-.993l10.473 6.109c.953.557.951 1.456-.005 2.008z" fill-rule="evenodd" clip-rule="evenodd"/></svg>'
    }
    {...props}
  />
);

export default ClearPlayIcon;