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

export const IconMenuBars3Outline = 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-menu-bars-3-outline`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M2.15625 4.92578C2.15625 4.51157 2.49204 4.17578 2.90625 4.17578L17.0917 4.17578C17.5059 4.17578 17.8417 4.51157 17.8417 4.92578C17.8417 5.33999 17.5059 5.67578 17.0917 5.67578H2.90625C2.49204 5.67578 2.15625 5.33999 2.15625 4.92578ZM2.15625 10C2.15625 9.58579 2.49204 9.25 2.90625 9.25H17.0917C17.5059 9.25 17.8417 9.58579 17.8417 10C17.8417 10.4142 17.5059 10.75 17.0917 10.75H2.90625C2.49204 10.75 2.15625 10.4142 2.15625 10ZM2.15625 15.0742C2.15625 14.66 2.49204 14.3242 2.90625 14.3242H17.0917C17.5059 14.3242 17.8417 14.66 17.8417 15.0742C17.8417 15.4884 17.5059 15.8242 17.0917 15.8242H2.90625C2.49204 15.8242 2.15625 15.4884 2.15625 15.0742Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
      </svg>
    );
  }
);

IconMenuBars3Outline.displayName = "IconMenuBars3Outline";

export default IconMenuBars3Outline;