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

export const IconKoLanguageOutline = 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-ko-language-outline`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M1.5 3.8501C1.91421 3.8501 2.25 4.18588 2.25 4.6001V9.42679L7.15595 4.46413C7.44716 4.16956 7.92202 4.16683 8.21659 4.45803C8.51117 4.74924 8.51389 5.2241 8.22269 5.51868L4.33868 9.44759L8.67947 14.6868C8.94374 15.0058 8.8994 15.4786 8.58044 15.7428C8.26147 16.0071 7.78868 15.9628 7.52441 15.6438L3.27891 10.5196L2.25 11.5604V15.1653C2.25 15.5795 1.91421 15.9153 1.5 15.9153C1.08579 15.9153 0.75 15.5795 0.75 15.1653V11.2526C0.75 11.2524 0.75 11.2521 0.75 11.2519V4.6001C0.75 4.18588 1.08579 3.8501 1.5 3.8501ZM12.3426 6.62533C11.7296 7.46097 11.3277 8.65168 11.3277 10.0001C11.3277 11.3485 11.7296 12.5392 12.3426 13.3749C12.9559 14.2109 13.7412 14.6501 14.5388 14.6501C15.3364 14.6501 16.1218 14.2109 16.7351 13.3749C17.348 12.5392 17.75 11.3485 17.75 10.0001C17.75 8.65168 17.348 7.46097 16.7351 6.62533C16.1218 5.78926 15.3364 5.3501 14.5388 5.3501C13.7412 5.3501 12.9559 5.78926 12.3426 6.62533ZM11.1331 5.73811C11.9535 4.61977 13.1488 3.8501 14.5388 3.8501C15.9289 3.8501 17.1242 4.61977 17.9445 5.73811C18.7652 6.85689 19.25 8.36617 19.25 10.0001C19.25 11.634 18.7652 13.1433 17.9445 14.2621C17.1242 15.3804 15.9289 16.1501 14.5388 16.1501C13.1488 16.1501 11.9535 15.3804 11.1331 14.2621C10.3124 13.1433 9.82767 11.634 9.82767 10.0001C9.82767 8.36617 10.3124 6.85689 11.1331 5.73811Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
      </svg>
    );
  }
);

IconKoLanguageOutline.displayName = "IconKoLanguageOutline";

export default IconKoLanguageOutline;