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

const ClearPlaylistIcon = props => (
  <Icon
    dangerouslySetGlyph={
      '<svg viewBox="0 0 40 31.972" fill="currentColor"><path d="M40 27.986zm-2 2H14a2 2 0 0 1 0-4h24a2 2 0 0 1 0 4zm-26-2zm26-10H14a2 2 0 0 1 0-4h24a2 2 0 0 1 0 4zm-26-2zm28 0zm-2-10H14a2 2 0 0 1 0-4h24a2 2 0 0 1 0 4zm-26-2zm28 0zM7.173 28.991L1.93 31.722c-1.066.555-1.93.156-1.93-.891v-5.689c0-1.047.864-1.446 1.93-.891l5.243 2.73c1.065.555 1.065 1.455 0 2.01zm0-12L1.93 19.722c-1.066.555-1.93.156-1.93-.891v-5.689c0-1.047.864-1.446 1.93-.891l5.243 2.73c1.065.555 1.065 1.455 0 2.01zm0-12L1.93 7.722C.864 8.277 0 7.878 0 6.831V1.142C0 .094.864-.305 1.93.25l5.243 2.73c1.065.556 1.065 1.456 0 2.011z" fill-rule="evenodd" clip-rule="evenodd"/></svg>'
    }
    {...props}
  />
);

export default ClearPlaylistIcon;