import React from 'react';

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

export const FreewriteIcon = forwardRef<typeof Icon>(
  function FreewriteIcon(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="M1.5 3.5a1 1 0 011-1h15a1 1 0 011 1v13a1 1 0 01-1 1h-15a1 1 0 01-1-1v-13zm5 1a1 1 0 011-1h5a1 1 0 011 1v2a1 1 0 01-1 1h-5a1 1 0 01-1-1v-2zm1.5 4a.5.5 0 000 1h4a.5.5 0 000-1H8zm-4.5 3a1 1 0 011-1h11a1 1 0 011 1v3a1 1 0 01-1 1h-11a1 1 0 01-1-1v-3zm9 2h-5v1h5v-1zm-8 0h2v1h-2v-1zm11 0h-2v1h2v-1zm-11-2h2v1h-2v-1zm5 0h-2v1h2v-1zm1 0h2v1h-2v-1zm5 0h-2v1h2v-1z"
            clipRule="evenodd"
          />
        </svg>
      </Icon>
    );
  },
);
