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

export const IconCurrencyCnySolid = 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-currency-cny-solid`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M10 1.875C14.4873 1.875 18.125 5.51269 18.125 10C18.125 14.4873 14.4873 18.125 10 18.125C5.51269 18.125 1.875 14.4873 1.875 10C1.875 5.51269 5.51269 1.875 10 1.875ZM13.083 5.8125C12.8159 5.59453 12.4216 5.63366 12.2031 5.90039L9.99902 8.59277L7.7959 5.90039C7.57728 5.63386 7.18394 5.59427 6.91699 5.8125C6.6502 6.03094 6.61113 6.42432 6.8291 6.69141L9.02441 9.375H7.56934C7.22446 9.37526 6.94447 9.6551 6.94434 10C6.9445 10.3449 7.22448 10.6247 7.56934 10.625H9.375V11.4004H7.56934C7.22446 11.4007 6.94447 11.6805 6.94434 12.0254C6.9445 12.3703 7.22448 12.6501 7.56934 12.6504H9.375V14.4551C9.375 14.8001 9.65505 15.0798 10 15.0801C10.345 15.0798 10.625 14.8001 10.625 14.4551V12.6504H12.4297C12.7747 12.6503 13.0545 12.3704 13.0547 12.0254C13.0546 11.6804 12.7747 11.4005 12.4297 11.4004H10.625V10.625H12.4297C12.7747 10.6249 13.0545 10.345 13.0547 10C13.0546 9.65501 12.7747 9.37512 12.4297 9.375H10.9746L13.1709 6.69141C13.3888 6.42441 13.3496 6.03099 13.083 5.8125Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
      </svg>
    );
  }
);

IconCurrencyCnySolid.displayName = "IconCurrencyCnySolid";

export default IconCurrencyCnySolid;