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

const ClearCheckInIcon = props => (
  <Icon
    dangerouslySetGlyph={
      '<svg viewBox="0 0 40.486 44.971" fill="currentColor"><path d="M30 36.314a3.98 3.98 0 0 0-3.373-1.119C31.028 30.884 36 24.926 36 20c0-8.836-7.164-16-16-16S4 11.164 4 20s16 21 16 21 1.354-1.031 3.269-2.704a3.99 3.99 0 0 0 1.074 3.675l.255.254c-.571.499-1.121.971-1.613 1.382C21 45 19 45 17.012 43.605 11.435 38.938 0 28.352 0 20 0 8.955 8.955 0 20 0s20 8.955 20 20c0 3.501-2.014 7.39-4.76 11.074L30 36.314zM20 22a6 6 0 1 1 0-12 6 6 0 0 1 0 12zm8.586 16.728l.914.915 7.571-7.571a2 2 0 1 1 2.828 2.829l-7.927 7.928c.041.56-.13 1.13-.558 1.558a2 2 0 0 1-2.829 0l-2.828-2.829a2 2 0 0 1 2.829-2.83z" fill-rule="evenodd" clip-rule="evenodd"/></svg>'
    }
    {...props}
  />
);

export default ClearCheckInIcon;