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

const MiscDeleteIcon = props => (
  <Icon
    dangerouslySetGlyph={
      '<svg viewBox="0 0 14 14"><path d="M0 3.375a.75.75 0 0 1 .75-.75h12.5a.75.75 0 0 1 0 1.5H.75a.75.75 0 0 1-.75-.75z" fill="currentColor"/><path fill-rule="evenodd" clip-rule="evenodd" d="M5.454.54a.75.75 0 0 1 .671-.415h1.75a.75.75 0 0 1 .67.415l.876 1.75a.75.75 0 0 1-1.342.67l-.668-1.335H6.59L5.92 2.96a.75.75 0 0 1-1.342-.67L5.454.54z" fill="currentColor"/><path fill-rule="evenodd" clip-rule="evenodd" d="M1.75 2.625h10.5l-.733 9.528A2 2 0 0 1 9.523 14H4.477a2 2 0 0 1-1.994-1.847L1.75 2.625zm4.688 3.938a.75.75 0 0 0-1.5 0v4.812a.75.75 0 0 0 1.5 0V6.562zm1.875-.75a.75.75 0 0 1 .75.75v4.812a.75.75 0 0 1-1.5 0V6.562a.75.75 0 0 1 .75-.75z" fill="currentColor"/></svg>'
    }
    {...props}
  />
);

export default MiscDeleteIcon;