import React from 'react';

import { forwardRef } from '../../utils/react';
import { Icon } from '../../icon';

export const ShredIcon = forwardRef<typeof Icon>(
  function ShredIcon(props, ref) {
    return (
      <Icon ref={ref} {...props}>
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
          <path
            fill="currentColor"
            fillRule="evenodd"
            d="M13.05 4.04 16.8 6.7c.1.07.1.18 0 .24a.3.3 0 0 1-.16.06h-3.77c-.13 0-.23-.08-.23-.18V4.16c0-.1.1-.17.24-.17.06 0 .12.02.16.05Z"
            clipRule="evenodd"
          />
          <path
            fill="currentColor"
            fillRule="evenodd"
            d="M4.5 12.7h14.3c.11 0 .21-.08.21-.19v-1h-2.19V8.17c0-.11-.1-.2-.21-.2h-4.17c-.56 0-1.02-.43-1.02-.96V3.2c0-.11-.1-.2-.22-.2H3.43c-.12 0-.21.09-.21.2v8.32H1v1c0 .1.1.19.21.19h3.3Z"
            clipRule="evenodd"
          />
          <path
            fill="currentColor"
            d="M8.65 13.41H7.33V17h1.32v-3.59Zm8.17 0H15.5V17h1.32v-3.59Zm-4.09 0h-1.31V17h1.31v-3.59Zm-8.17 0H3.25V17h1.3v-3.59Z"
          />
        </svg>
      </Icon>
    );
  },
);
