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

export const IconCurrencyVndSolid = 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-vnd-solid`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M11.0908 8.84082V11.5889H9.11914L8.9834 11.582C8.66897 11.5508 8.37285 11.4119 8.14746 11.1865C7.88995 10.9289 7.74512 10.5791 7.74512 10.2148C7.74523 9.85064 7.88994 9.50071 8.14746 9.24316C8.40503 8.98573 8.75498 8.84089 9.11914 8.84082H11.0908Z"
          fill={color}
        />
        <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.875ZM7.69727 13.4248C7.35209 13.4248 7.07227 13.7046 7.07227 14.0498C7.07253 14.3948 7.35225 14.6748 7.69727 14.6748H11.8594C12.2042 14.6746 12.4841 14.3946 12.4844 14.0498C12.4844 13.7047 12.2044 13.425 11.8594 13.4248H7.69727ZM11.7158 4.44336C11.3707 4.44336 11.091 4.72333 11.0908 5.06836V5.59082H10.4531C10.1079 5.59082 9.82715 5.87064 9.82715 6.21582C9.82741 6.56061 10.1074 6.84056 10.4521 6.84082H11.0908V7.59082H9.11914C8.42346 7.59089 7.75566 7.86752 7.26367 8.35938C6.77173 8.85134 6.49523 9.51912 6.49512 10.2148C6.49512 10.9106 6.77174 11.5783 7.26367 12.0703C7.6943 12.5009 8.25958 12.7666 8.86035 12.8262L9.11914 12.8389H11.7158C12.0608 12.8387 12.3408 12.5589 12.3408 12.2139V6.84082H12.9775C13.3226 6.84082 13.6023 6.56077 13.6025 6.21582C13.6025 5.87081 13.3235 5.59108 12.9785 5.59082H12.3408V5.06836C12.3406 4.72341 12.0608 4.44349 11.7158 4.44336Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
      </svg>
    );
  }
);

IconCurrencyVndSolid.displayName = "IconCurrencyVndSolid";

export default IconCurrencyVndSolid;