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

function FormOutlined(componentProps: IconProps) {
  const IconNode = (props: React.SVGProps<SVGSVGElement>) => (
    <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" {...props}>
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M17.793 1.793a3.121 3.121 0 114.414 4.414l-9.563 9.563-.059.059c-.287.288-.54.542-.846.729a3 3 0 01-.867.36c-.348.083-.707.082-1.114.082H8a1 1 0 01-1-1v-1.675-.083c0-.407 0-.766.083-1.114a3 3 0 01.36-.867c.186-.306.44-.56.728-.846l.06-.06 9.562-9.562zm3 1.414a1.121 1.121 0 00-1.586 0L9.644 12.77c-.38.38-.45.459-.497.536a1 1 0 00-.12.289c-.02.088-.027.194-.027.73V15h.675c.536 0 .642-.006.73-.028a.998.998 0 00.29-.12c.076-.047.156-.117.535-.496l9.563-9.563a1.121 1.121 0 000-1.586zM6.759 3H12v2H6.8c-.857 0-1.439 0-1.889.038-.438.035-.663.1-.819.18a2 2 0 00-.874.874c-.08.156-.145.38-.18.819C3 7.361 3 7.943 3 8.8v8.4c0 .857 0 1.439.038 1.889.035.438.1.663.18.819a2 2 0 00.874.874c.156.08.38.145.819.18C5.361 21 5.943 21 6.8 21h8.4c.857 0 1.439 0 1.889-.038.438-.035.663-.1.819-.18a2 2 0 00.874-.874c.08-.156.145-.38.18-.82.037-.45.038-1.031.038-1.888V12h2v5.241c0 .805 0 1.47-.044 2.01-.046.563-.145 1.08-.392 1.565a4 4 0 01-1.748 1.748c-.485.247-1.002.346-1.564.392-.541.044-1.206.044-2.01.044H6.758c-.805 0-1.47 0-2.01-.044-.563-.046-1.08-.145-1.565-.392a4 4 0 01-1.748-1.748c-.247-.485-.346-1.002-.392-1.564C1 18.71 1 18.046 1 17.242V8.758c0-.805 0-1.47.044-2.01.046-.563.145-1.08.392-1.565a4 4 0 011.748-1.748c.485-.247 1.002-.346 1.564-.392C5.29 3 5.954 3 6.758 3z"
        fill="currentColor"
      />
    </svg>
  );

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

FormOutlined.displayName = 'FormOutlined';
export default FormOutlined;
