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

function RectBoardOutlined(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="M9.568 1h4.864c.252 0 .498 0 .706.017.229.019.499.063.77.201a2 2 0 01.874.874c.138.271.183.541.201.77l.01.146c.394.013.733.045 1.042.128a4 4 0 012.829 2.829C21 6.476 21 7.067 21 7.862v9.379c0 .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.044H8.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.564C3 18.71 3 18.046 3 17.242V8v-.138c0-.795 0-1.386.136-1.897a4 4 0 012.829-2.829c.31-.083.648-.115 1.043-.128.002-.05.005-.1.009-.146.019-.229.063-.499.201-.77a2 2 0 01.874-.874c.272-.138.541-.182.77-.201C9.07 1 9.316 1 9.568 1zM9 3.6v.8a8.185 8.185 0 00.012.589h.013C9.14 5 9.304 5 9.6 5h4.8a8.185 8.185 0 00.589-.011v-.014C15 4.86 15 4.697 15 4.4v-.8a8.205 8.205 0 00-.011-.589h-.014A8.187 8.187 0 0014.4 3H9.6a8.186 8.186 0 00-.588.011l-.002.014C9 3.14 9 3.303 9 3.6zm7.991 1.41a4.04 4.04 0 01-.008.128 2.022 2.022 0 01-.2.77 2 2 0 01-.875.874 2.022 2.022 0 01-.77.201C14.93 7 14.684 7 14.432 7H9.568c-.252 0-.498 0-.706-.017a2.022 2.022 0 01-.77-.201 2 2 0 01-.874-.874 2.022 2.022 0 01-.201-.77 3.977 3.977 0 01-.008-.128c-.263.009-.406.026-.527.058a2 2 0 00-1.414 1.414C5.008 6.705 5 7.006 5 8v9.2c0 .857 0 1.439.038 1.889.035.438.1.663.18.819a2 2 0 00.874.874c.157.08.38.145.82.18C7.361 21 7.943 21 8.8 21h6.4c.857 0 1.439 0 1.89-.038.438-.035.662-.1.818-.18a2 2 0 00.874-.874c.08-.156.145-.38.18-.819.037-.45.038-1.032.038-1.889V8c0-.994-.009-1.295-.068-1.518a2 2 0 00-1.414-1.414 2.326 2.326 0 00-.527-.058zm-.077 7.49l-5.207 5.207a1 1 0 01-1.414 0L7.586 15 9 13.586l2 2 4.5-4.5 1.414 1.414z"
        fill="currentColor"
      />
    </svg>
  );

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

RectBoardOutlined.displayName = 'RectBoardOutlined';
export default RectBoardOutlined;
