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

function WarningRuleFilled(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="M9.568 1c-.252 0-.498 0-.706.017a2.022 2.022 0 00-.77.201 2 2 0 00-.874.874 2.022 2.022 0 00-.201.77 4.102 4.102 0 00-.01.146c-.394.013-.733.045-1.042.128a4 4 0 00-2.829 2.829C3 6.476 3 7.067 3 7.862v9.38c0 .804 0 1.469.044 2.01.046.562.145 1.079.392 1.564a4 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.01v-9.38c0-.795 0-1.386-.136-1.897a4 4 0 00-2.829-2.829c-.31-.083-.648-.115-1.043-.128-.002-.05-.005-.1-.009-.146a2.022 2.022 0 00-.2-.77 2 2 0 00-.875-.874 2.022 2.022 0 00-.77-.201C14.93 1 14.684 1 14.432 1H9.568zm5.422 2.025c.01.116.01.278.01.575v.8c0 .297 0 .459-.01.575l-.001.014h-.014C14.86 5 14.697 5 14.4 5H9.6c-.296 0-.459 0-.575-.01l-.013-.001-.002-.014A8.185 8.185 0 019 4.4v-.8c0-.297 0-.459.01-.575l.002-.014h.013C9.14 3 9.304 3 9.6 3h4.8c.297 0 .459 0 .575.01l.014.001v.014zm-.576 6.39l-2.726 2.725 2.76 1.38a1 1 0 01.26 1.601L11 18.828l-1.414-1.414 2.726-2.726-2.76-1.38a1 1 0 01-.26-1.6L13 8l1.414 1.414z"
        fill="currentColor"
      />
    </svg>
  );

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

WarningRuleFilled.displayName = 'WarningRuleFilled';
export default WarningRuleFilled;
