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

const ClearMobileIcon = props => (
  <Icon
    dangerouslySetGlyph={
      '<svg viewBox="0 0 32 44" fill="currentColor"><path d="M28 44H4a4 4 0 0 1-4-4V8a4 4 0 0 1 4-4V2a2 2 0 1 1 4 0v2h20a4 4 0 0 1 4 4v32a4 4 0 0 1-4 4zm0-36H4v32h24V8zM10 26a2 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 0zm8-8a2 2 0 1 1-.001 4.001A2 2 0 0 1 16 26zm2 2zm-4 0zm2 4a2 2 0 1 1 0 4 2 2 0 0 1 0-4zm2 2zm-4 0zm8-8a2 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-12H10a2 2 0 0 1-2-2v-6a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2zM6 0z" fill-rule="evenodd" clip-rule="evenodd"/></svg>'
    }
    {...props}
  />
);

export default ClearMobileIcon;