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

export const IconMagnifyingGlassMinusOutline = 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-magnifying-glass-minus-outline`,
  };
  return (
    <svg
      viewBox="0 0 20 20"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
      ref={forwardedRef}
    >
      <path
        d="M14.5 9C14.4999 7.54145 13.9209 6.14274 12.8896 5.11133C11.8582 4.07983 10.4588 3.5 9 3.5C7.54133 3.50006 6.14277 4.07989 5.11133 5.11133C4.07989 6.14277 3.50006 7.54133 3.5 9C3.5 10.4588 4.07983 11.8582 5.11133 12.8896C6.14274 13.9209 7.54145 14.4999 9 14.5C10.4588 14.5 11.8582 13.9211 12.8896 12.8896C13.9211 11.8582 14.5 10.4588 14.5 9ZM11.501 8.25098C11.915 8.25115 12.251 8.58687 12.251 9.00098C12.2508 9.41493 11.9149 9.7508 11.501 9.75098H6.50098C6.08687 9.75098 5.75115 9.41504 5.75098 9.00098C5.75098 8.58676 6.08676 8.25098 6.50098 8.25098H11.501ZM16 9C16 10.6048 15.4475 12.1515 14.4502 13.3896L18.2812 17.2207C18.5738 17.5136 18.574 17.9885 18.2812 18.2812C17.9885 18.574 17.5136 18.5738 17.2207 18.2812L13.3896 14.4502C12.1515 15.4475 10.6048 16 9 16C7.14363 15.9999 5.3635 15.2628 4.05078 13.9502C2.73798 12.6374 2 10.8566 2 9C2.00006 7.14351 2.73804 5.36352 4.05078 4.05078C5.36352 2.73804 7.14351 2.00006 9 2C10.8566 2 12.6374 2.73798 13.9502 4.05078C15.2628 5.3635 15.9999 7.14363 16 9Z"
        fill={color}
      />
    </svg>
  );
});

IconMagnifyingGlassMinusOutline.displayName = "IconMagnifyingGlassMinusOutline";

export default IconMagnifyingGlassMinusOutline;