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

const ClearSearchIcon = props => (
  <Icon
    dangerouslySetGlyph={
      '<svg viewBox="0 0 40.003 40.003" fill="currentColor"><path d="M38.832 33.174a4 4 0 0 1-5.657 5.657l-7.071-7.071c-.093-.093-.148-.186-.224-.279-.128.079-.245.168-.376.244-8.131 4.694-18.528 1.909-23.222-6.222C-2.414 17.372.372 6.975 8.503 2.281 16.634-2.414 27.031.372 31.725 8.503c3.227 5.588 2.919 12.247-.228 17.389.088.072.175.124.263.211l7.072 7.071zM28.261 10.503c-3.59-6.218-11.541-8.348-17.758-4.758s-8.348 11.54-4.758 17.758 11.541 8.348 17.758 4.758 8.348-11.54 4.758-17.758zm-12.412-.221c-5.141 2.933-7.485 4.9-7.699 7.138a7.717 7.717 0 0 1 3.776-8.176c2.147-1.225 4.626-1.301 6.769-.474-.764.362-1.682.848-2.846 1.512z" fill-rule="evenodd" clip-rule="evenodd"/></svg>'
    }
    {...props}
  />
);

export default ClearSearchIcon;