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

const ClearKeyboardIcon = props => (
  <Icon
    dangerouslySetGlyph={
      '<svg viewBox="0 0 40 28" fill="currentColor"><path d="M36 28H4a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4h32a4 4 0 0 1 4 4v20a4 4 0 0 1-4 4zm0-24H4v20h32V4zM8 6a2 2 0 1 1-.001 4.001A2 2 0 0 1 8 6zm0 0zm0 4zm0 8a2 2 0 1 1-.001 4.001A2 2 0 0 1 8 18zm0 0zm0 4zm6-16a2 2 0 1 1-.001 4.001A2 2 0 0 1 14 6zm0 6a2 2 0 1 1-.001 4.001A2 2 0 0 1 14 12zm0 6h12a2 2 0 0 1 0 4H14a2 2 0 0 1 0-4zM32 6a2 2 0 1 1-.001 4.001A2 2 0 0 1 32 6zm0 6a2 2 0 1 1-.001 4.001A2 2 0 0 1 32 12zm0 6a2 2 0 1 1-.001 4.001A2 2 0 0 1 32 18zm-6-2a2 2 0 1 1 .001-4.001A2 2 0 0 1 26 16zm0-6a2 2 0 1 1 .001-4.001A2 2 0 0 1 26 10zm-6 2a2 2 0 1 1-.001 4.001A2 2 0 0 1 20 12zm0-2a2 2 0 1 1 .001-4.001A2 2 0 0 1 20 10zm-10 4a2 2 0 1 1-4 0 2 2 0 0 1 4 0zm-2 2zm0-4z" fill-rule="evenodd" clip-rule="evenodd"/></svg>'
    }
    {...props}
  />
);

export default ClearKeyboardIcon;