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

const ClearDislikeIcon = props => (
  <Icon
    dangerouslySetGlyph={
      '<svg viewBox="0 0 26 44" fill="currentColor"><path d="M20 30H4a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4h16l6 6v18l-6 6zm2-21c0-.552-.317-1.316-.708-1.707l-2.585-2.586C18.316 4.316 17.552 4 17 4H5a1 1 0 0 0-1 1v3h11a1 1 0 0 1 0 2H4v4h11a1 1 0 0 1 0 2H4v4h11a1 1 0 0 1 0 2H4v3a1 1 0 0 0 1 1h12c.552 0 1.317-.316 1.708-.707l2.585-2.586c.39-.391.707-1.155.707-1.707V9zm-6 0zm0 6zm0 6zm-4 17l1.293 1.293a.999.999 0 0 0 1.414 0L16 38v-8h4v9c0 .552-.317 1.315-.709 1.705l-1.902 1.887c-.777.771-2.287 1.396-3.389 1.407-1.102-.011-2.611-.636-3.388-1.407L8.71 40.705C8.317 40.315 8 39.552 8 39v-9h4v8zm1.969 6l.031-.002.032.002h-.063z" fill-rule="evenodd" clip-rule="evenodd"/></svg>'
    }
    {...props}
  />
);

export default ClearDislikeIcon;