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

const ClearCheckOutIcon = props => (
  <Icon
    dangerouslySetGlyph={
      '<svg viewBox="0 0 40.242 44.652" fill="currentColor"><path d="M36.828 38l2.828 2.829a2 2 0 0 1-2.829 2.828L34 40.829l-2.829 2.828a2 2 0 1 1-2.828-2.828L31.171 38l-2.829-2.829a2 2 0 1 1 2.828-2.828L34 35.172l2.828-2.829a2 2 0 0 1 2.829 2.828L36.828 38zm-8.485 5.657zm11.313-11.314zM14 16a6 6 0 1 1 12 0 6 6 0 0 1-12 0zm20 16.343l-1.414-1.414a3.996 3.996 0 0 0-1.284-.858C33.94 26.762 36 23.168 36 20c0-8.836-7.164-16-16-16S4 11.164 4 20s16 21 16 21 2.895-2.204 6.221-5.412c.185.357.408.699.708.998L28.344 38l-1.414 1.414a3.956 3.956 0 0 0-.956 1.585 101.78 101.78 0 0 1-2.988 2.608C21 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.55-2.08 7.499-4.886 11.23L34 32.343z" fill-rule="evenodd" clip-rule="evenodd"/></svg>'
    }
    {...props}
  />
);

export default ClearCheckOutIcon;