import { forwardRef } from "react";
import type { IconProps } from "../../types";

export const IconNumberOutline = forwardRef<SVGSVGElement, IconProps>(
  ({ color = "currentColor", ...props }, forwardedRef) => {
    const { className } = props;
    props = {
      ...props,
      width: `${props.width || props.size || 20}`,
      height: `${props.height || props.size || 20}`,
      className: `${
        className ? className + " " : ""
      }customeow-icon customeow-icon-icon-number-outline`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M9.68169 8.32538C9.57164 8.61407 9.40389 8.92187 9.17665 9.2489 8.95082 9.57471 8.66272 9.95574 8.3127 10.3913L5.23433 14.1561C5.08312 14.341 5.00027 14.5745 5.00027 14.8156 5.00027 15.3831 5.4496 15.8432 6.00389 15.8432H10.7768C11.235 15.8432 11.6064 15.4629 11.6064 14.9938 11.6064 14.5247 11.235 14.1445 10.7768 14.1445H7.2811L9.13795 11.8503C9.73057 11.1395 10.1951 10.5331 10.5301 10.0322 10.8655 9.52687 11.1034 9.06433 11.2403 8.64513 11.3799 8.22715 11.4498 7.79918 11.4498 7.36166 11.4498 6.72948 11.315 6.15883 11.0432 5.65229 10.7717 5.14269 10.3932 4.74021 9.90881 4.44651 9.42557 4.14782 8.86871 4 8.24166 4 7.62036 4 7.06212 4.14995 6.56991 4.45201 6.07813 4.75007 5.69176 5.17006 5.41118 5.70923 5.23023 6.05694 5.10808 6.4411 5.04399 6.8608 4.97256 7.32857 5.35676 7.69847 5.79538 7.69847 6.24522 7.69847 6.57423 7.32142 6.67844 6.90831 6.70953 6.78507 6.74977 6.66936 6.79901 6.56103 6.93041 6.27198 7.11682 6.0512 7.35801 5.89496 7.59853 5.73916 7.88228 5.65949 8.21318 5.65949 8.5257 5.65949 8.80337 5.73202 9.04879 5.87512L9.04975 5.87567C9.29451 6.01491 9.48825 6.21539 9.63103 6.47873 9.77245 6.73609 9.84536 7.04587 9.84536 7.41207 9.84536 7.73549 9.79062 8.03964 9.68169 8.32538ZM12.4153 14.4498C12.7232 14.937 13.1408 15.3173 13.6659 15.5907 14.1949 15.8643 14.7937 16 15.4596 16 16.1389 16 16.7469 15.8545 17.2797 15.5612 17.8111 15.2649 18.2313 14.858 18.5385 14.3411 18.8499 13.8226 19.0031 13.2371 19 12.5879 19.0031 11.845 18.8211 11.2146 18.4479 10.7036 18.117 10.2467 17.6652 9.94653 17.0986 9.80134 17.5337 9.62682 17.8898 9.33567 18.1649 8.92976 18.4861 8.46065 18.6425 7.89307 18.6393 7.2329 18.6425 6.65221 18.5152 6.11557 18.2567 5.62496 18.0011 5.13371 17.6369 4.74074 17.1658 4.44719 16.6943 4.14759 16.1368 4 15.4976 4 14.887 4 14.329 4.13624 13.8255 4.41025 13.3227 4.68388 12.9168 5.06463 12.6096 5.5506 12.4326 5.8337 12.3043 6.14268 12.2247 6.47697 12.1096 6.95985 12.5133 7.35117 12.9645 7.35117 13.4103 7.35117 13.7297 6.97599 13.8975 6.60792 13.9302 6.53613 13.969 6.46742 14.013 6.40295 14.1735 6.16438 14.3815 5.98219 14.6373 5.85581 14.8977 5.72507 15.1777 5.65949 15.4786 5.65949 15.7951 5.65949 16.0642 5.73081 16.289 5.86864 16.5185 6.00755 16.6946 6.19967 16.8186 6.4471L16.8193 6.44857C16.9459 6.69168 17.0111 6.9818 17.0111 7.32245 17.0111 7.67637 16.9371 7.98034 16.7926 8.23797 16.6474 8.49316 16.446 8.69236 16.1874 8.83621 15.9332 8.97931 15.6347 9.05262 15.2888 9.05262H15.1572C14.7187 9.05262 14.3632 9.41659 14.3632 9.86556 14.3632 10.3145 14.7187 10.6785 15.1572 10.6785H15.2888C15.7255 10.6785 16.0913 10.7604 16.3893 10.9187 16.6924 11.0781 16.9187 11.2957 17.0723 11.5712L17.0731 11.5724C17.23 11.8451 17.3101 12.1637 17.3101 12.5319 17.3101 12.8843 17.2304 13.1913 17.0738 13.4565 16.9166 13.719 16.6983 13.9243 16.4173 14.0725 16.1402 14.2203 15.8187 14.2957 15.4501 14.2957 15.1156 14.2957 14.8144 14.2312 14.5449 14.1039 14.2756 13.9768 14.0591 13.7978 13.893 13.567 13.8545 13.5116 13.8202 13.4539 13.7899 13.3939 13.602 13.0215 13.2682 12.6376 12.8085 12.6376 12.3324 12.6376 11.9076 13.0538 12.038 13.5608 12.1201 13.8802 12.2462 14.1772 12.4153 14.4498ZM4.04961 4.7997V14.983C4.04961 15.458 3.67344 15.8432 3.20942 15.8432 2.74539 15.8432 2.36922 15.458 2.36922 14.983V6.13397L2.17722 6.20937C1.60959 6.43228 1 6.00324 1 5.3808 1 5.02091 1.2123 4.69666 1.53745 4.55992L2.28575 4.24523C2.42453 4.18687 2.57311 4.15685 2.72314 4.15685H3.4217C3.76849 4.15685 4.04961 4.44466 4.04961 4.7997Z"
          fill={color}
        />
      </svg>
    );
  }
);

IconNumberOutline.displayName = "IconNumberOutline";

export default IconNumberOutline;