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

const ClearCalculatorIcon = props => (
  <Icon
    dangerouslySetGlyph={
      '<svg viewBox="0 0 32 40" fill="currentColor"><path d="M28 40H4a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4h24a4 4 0 0 1 4 4v32a4 4 0 0 1-4 4zm0-36H4v32h24V4zM10 8h12a2 2 0 0 1 0 4H10a2 2 0 0 1 0-4zm14 2zM8 10zm2 6a2 2 0 0 1 0 4 2 2 0 0 1 0-4zm2 2zm-4 0zm2 4a2 2 0 0 1 0 4 2 2 0 0 1 0-4zm2 2zm-4 0zm2 4a2 2 0 0 1 0 4 2 2 0 1 1 0-4zm6-6a2 2 0 1 1-.001 4.001A2 2 0 0 1 16 22zm0 0zm2 2zm-2 2zm-2-2zm2 4a2 2 0 1 1 0 4 2 2 0 0 1 0-4zm0 0zm0 4zm0-12a2 2 0 1 1 .001-4.001A2 2 0 0 1 16 20zm0 0zm-2-2zm2-2zm2 2zm4-2a2 2 0 0 1 0 4 2 2 0 0 1 0-4zm2 2zm-4 0zm2 4a2 2 0 0 1 0 4 2 2 0 0 1 0-4zm2 2zm-4 0zm2 4a2 2 0 1 1 0 4 2 2 0 0 1 0-4z" fill-rule="evenodd" clip-rule="evenodd"/></svg>'
    }
    {...props}
  />
);

export default ClearCalculatorIcon;