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

export const IconCurrencyJpySolid = 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-jpy-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.6582 5.80957C13.3911 5.59101 12.9979 5.63032 12.7793 5.89746L10.001 9.29297L7.22266 5.89746C7.0041 5.63034 6.6109 5.59107 6.34375 5.80957C6.0766 6.02815 6.03728 6.42132 6.25586 6.68848L9.07617 10.1367H7.57031C7.22517 10.1367 6.94537 10.4166 6.94531 10.7617C6.94558 11.1067 7.2253 11.3867 7.57031 11.3867H9.37598V12.042H7.57031C7.22517 12.042 6.94537 12.3219 6.94531 12.667C6.94558 13.0119 7.2253 13.292 7.57031 13.292H9.37598V14.4209C9.37637 14.7657 9.65604 15.0459 10.001 15.0459C10.3455 15.0454 10.6256 14.7654 10.626 14.4209V13.292H12.4307C12.7754 13.2916 13.0554 13.0117 13.0557 12.667C13.0556 12.3221 12.7755 12.0423 12.4307 12.042H10.626V11.3867H12.4307C12.7754 11.3864 13.0554 11.1065 13.0557 10.7617C13.0556 10.4168 12.7755 10.1371 12.4307 10.1367H10.9258L13.7461 6.68848C13.9645 6.42157 13.9247 6.02827 13.6582 5.80957Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
      </svg>
    );
  }
);

IconCurrencyJpySolid.displayName = "IconCurrencyJpySolid";

export default IconCurrencyJpySolid;