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

function NoteFilled(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
        d="M13.934 12.814a.75.75 0 011.06 1.06l-4.417 4.417-1.226.167.166-1.227 4.417-4.417z"
        fill="currentColor"
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M21 9h-6a2 2 0 01-2-2V1H8.759c-.805 0-1.47 0-2.01.044-.563.046-1.08.145-1.565.392a4 4 0 00-1.748 1.748c-.247.485-.346 1.002-.392 1.564C3 5.29 3 5.954 3 6.758v10.483c0 .805 0 1.47.044 2.01.046.563.145 1.08.392 1.565a4 4 0 001.748 1.748c.485.247 1.002.346 1.564.392C7.29 23 7.954 23 8.758 23h6.483c.805 0 1.47 0 2.01-.044.563-.046 1.08-.145 1.565-.392a4 4 0 001.748-1.748c.247-.485.346-1.002.392-1.564.044-.541.044-1.206.044-2.01V9zm-4.945 2.753a2.25 2.25 0 00-3.182 0l-4.42 4.42c-.23.23-.378.53-.422.853l-.3 2.207a.75.75 0 00.845.843l2.207-.299c.322-.043.622-.192.852-.422l4.42-4.42a2.25 2.25 0 000-3.182z"
        fill="currentColor"
      />
      <path d="M20.414 7L15 1.586V7h5.414z" fill="currentColor" />
    </svg>
  );

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

NoteFilled.displayName = 'NoteFilled';
export default NoteFilled;
