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

export const IconLockOpenSolid = 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-lock-open-solid`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M13.0491 4.04917C13.4007 3.69754 13.8777 3.5 14.3749 3.5C14.8722 3.5 15.3491 3.69754 15.7008 4.04917C16.0524 4.40081 16.2499 4.87772 16.2499 5.375V8.25C16.2499 8.66421 16.5857 9 16.9999 9C17.4141 9 17.7499 8.66421 17.7499 8.25V5.375C17.7499 4.47989 17.3944 3.62145 16.7614 2.98851C16.1285 2.35558 15.27 2 14.3749 2C13.4798 2 12.6214 2.35558 11.9884 2.98851C11.3555 3.62145 10.9999 4.47989 10.9999 5.375V8.5H4.875C4.44402 8.5 4.0307 8.67121 3.72595 8.97595C3.42121 9.2807 3.25 9.69402 3.25 10.125V15.875C3.25 16.306 3.42121 16.7193 3.72595 17.024C4.0307 17.3288 4.44402 17.5 4.875 17.5H12.6249C13.0559 17.5 13.4692 17.3288 13.774 17.024C14.0787 16.7193 14.2499 16.306 14.2499 15.875V10.125C14.2499 9.69402 14.0787 9.2807 13.774 8.97595C13.4692 8.67121 13.0559 8.5 12.6249 8.5H12.4999V5.375C12.4999 4.87772 12.6975 4.40081 13.0491 4.04917Z"
          fill={color}
        />
      </svg>
    );
  }
);

IconLockOpenSolid.displayName = "IconLockOpenSolid";

export default IconLockOpenSolid;