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

export const IconMultiplyCalculateOutline = 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-multiply-calculate-outline`,
  };
  return (
    <svg
      viewBox="0 0 20 20"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
      ref={forwardedRef}
    >
      <path
        d="M14.2426 6.81807C14.5355 6.52518 14.5355 6.0503 14.2426 5.75741C13.9497 5.46452 13.4749 5.46452 13.182 5.75741L10 8.93939L6.81802 5.75741C6.52513 5.46452 6.05025 5.46452 5.75736 5.75741C5.46447 6.0503 5.46447 6.52518 5.75736 6.81807L8.93934 10.0001L5.75736 13.182C5.46447 13.4749 5.46447 13.9498 5.75736 14.2427C6.05025 14.5356 6.52513 14.5356 6.81802 14.2427L10 11.0607L13.182 14.2427C13.4749 14.5356 13.9497 14.5356 14.2426 14.2427C14.5355 13.9498 14.5355 13.4749 14.2426 13.182L11.0607 10.0001L14.2426 6.81807Z"
        fill={color}
      />
    </svg>
  );
});

IconMultiplyCalculateOutline.displayName = "IconMultiplyCalculateOutline";

export default IconMultiplyCalculateOutline;