import * as React from 'react';
import Icon, { IconProps } from 'a-base-icon/lib/icon';

function DocumentErrorFilled(componentProps: IconProps) {
  const IconNode = (props: React.SVGProps<SVGSVGElement>) => (
    <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M13 7a2 2 0 002 2h6v8.241c0 .805 0 1.47-.044 2.011-.046.562-.144 1.08-.392 1.564a4.002 4.002 0 01-1.748 1.748c-.485.248-1.002.346-1.564.392-.541.044-1.206.044-2.01.044H8.758c-.805 0-1.47 0-2.011-.044-.562-.046-1.08-.144-1.564-.392a4.001 4.001 0 01-1.748-1.748c-.248-.485-.346-1.002-.392-1.564C3 18.711 3 18.046 3 17.242V6.758c0-.805 0-1.47.044-2.011.046-.562.144-1.08.392-1.564a4.001 4.001 0 011.748-1.748c.485-.248 1.002-.346 1.564-.392C7.29 1 7.954 1 8.758 1H13v6zm-1 6.488l-2.5-2.5-1.414 1.414 2.5 2.5-2.5 2.5L9.5 18.816l2.5-2.5 2.5 2.5 1.414-1.414-2.5-2.5 2.5-2.5-1.414-1.414-2.5 2.5z"
        fill="currentColor"
      />
      <path d="M20.414 7H15V1.586L20.414 7z" fill="currentColor" />
    </svg>
  );

  return <Icon {...componentProps} component={IconNode} />;
}

DocumentErrorFilled.displayName = 'DocumentErrorFilled';
export default DocumentErrorFilled;