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

const ClearStopIcon = props => (
  <Icon
    dangerouslySetGlyph={
      '<svg viewBox="0 0 40.007 40.007" fill="currentColor"><path d="M30.003 37.324c-9.566 5.522-21.797 2.245-27.32-7.321S.437 8.205 10.003 2.683c9.566-5.523 21.798-2.246 27.321 7.32 5.523 9.566 2.245 21.798-7.321 27.321zm3.857-25.321C29.442 4.351 19.656 1.729 12.003 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-9.857 14h-8a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2z" fill-rule="evenodd" clip-rule="evenodd"/></svg>'
    }
    {...props}
  />
);

export default ClearStopIcon;