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

const ClearCameraIcon = props => (
  <Icon
    dangerouslySetGlyph={
      '<svg viewBox="0 0 44 40" fill="currentColor"><path d="M40 40H4a4 4 0 0 1-4-4V8a4 4 0 0 1 4-4h2a2 2 0 0 1 4 0h30a4 4 0 0 1 4 4v28a4 4 0 0 1-4 4zm0-32H4v28h36V8zm-14 2c6.627 0 12 5.373 12 12s-4.373 12-11 12-13-5.373-13-12 5.373-12 12-12zm0 20a8 8 0 1 0 0-16 8 8 0 0 0 0 16zm-3-13.196c1.642-.948 3.538-1.006 5.177-.366-.585.28-1.287.656-2.177 1.17-3.893 2.248-5.685 3.762-5.878 5.474-.446-2.427.619-4.975 2.878-6.278zM8 2zm11.586-.586C20.367.633 21.895 0 23 0h6c1.105 0 2.633.633 3.414 1.414L35 4H17l2.586-2.586z" fill-rule="evenodd" clip-rule="evenodd"/></svg>'
    }
    {...props}
  />
);

export default ClearCameraIcon;