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

const ClearZoomOutIcon = 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-5.258 8.499h-12a2 2 0 0 1 0-4h12a2 2 0 0 1 0 4zm-14-1.999zm16 0z" fill-rule="evenodd" clip-rule="evenodd"/></svg>'
    }
    {...props}
  />
);

export default ClearZoomOutIcon;