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

const ClearBackspaceIcon = props => (
  <Icon
    dangerouslySetGlyph={
      '<svg viewBox="0 0 42.594 32" fill="currentColor"><path d="M38.594 32h-24c-2.209 0-5.074-1.433-6.4-3.2l-7.2-9.6c-1.325-1.767-1.325-4.632 0-6.4l7.2-9.6C9.52 1.433 12.385 0 14.594 0h24a4 4 0 0 1 4 4v24a4 4 0 0 1-4 4zm0-28h-26l-9 12 9 12h26V4zm-17.657 6.343a2 2 0 0 1 2.829 0l2.828 2.829 2.828-2.829a2 2 0 1 1 2.828 2.829L29.423 16l2.828 2.829a2 2 0 1 1-2.828 2.828l-2.828-2.829-2.828 2.829a2 2 0 0 1-2.829-2.828L23.766 16l-2.829-2.829a2 2 0 0 1 0-2.828zm11.314 0z" fill-rule="evenodd" clip-rule="evenodd"/></svg>'
    }
    {...props}
  />
);

export default ClearBackspaceIcon;