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

const ClearGrid3Icon = props => (
  <Icon
    dangerouslySetGlyph={
      '<svg viewBox="0 0 40 40" fill="currentColor"><path d="M36 40h-4a4 4 0 0 1-4-4v-4a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v4a4 4 0 0 1-4 4zm0-8h-4v4h4v-4zm0-20h-4a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v4a4 4 0 0 1-4 4zm0-8h-4v4h4V4zM22 40h-4a4 4 0 0 1-4-4v-4a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v4a4 4 0 0 1-4 4zm0-8h-4v4h4v-4zm0-6H4a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4h18a4 4 0 0 1 4 4v18a4 4 0 0 1-4 4zm0-22H4v18h18V4zM4 28h4a4 4 0 0 1 4 4v4a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4v-4a4 4 0 0 1 4-4zm0 8h4v-4H4v4zm28-22h4a4 4 0 0 1 4 4v4a4 4 0 0 1-4 4h-4a4 4 0 0 1-4-4v-4a4 4 0 0 1 4-4zm0 8h4v-4h-4v4z" fill-rule="evenodd" clip-rule="evenodd"/></svg>'
    }
    {...props}
  />
);

export default ClearGrid3Icon;