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

export const IconToolUnlockedOutline = 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-shein-icon customeow-shein-icon-icon-tool-unlocked-outline`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M13.4641 5.13067C13.464 3.28978 11.9717 1.79739 10.1308 1.79734C8.28982 1.79734 6.79741 3.28975 6.79741 5.1307L6.79741 6.79737C6.79741 8.03103 7.4676 9.10818 8.46376 9.68457L8.46407 5.13071C8.4641 4.2102 9.21027 3.46403 10.1307 3.46406L10.2222 3.46652C11.1001 3.51398 11.7974 4.24088 11.7974 5.13072L11.7976 9.6847C12.7938 9.10835 13.4641 8.03113 13.4641 6.79735L13.4641 5.13067ZM8.46372 10.5769L8.46407 15.1308C8.46404 16.0512 9.21021 16.7974 10.1307 16.7974C11.0512 16.7974 11.7974 16.0512 11.7974 15.1308L11.7975 10.5767C12.7938 11.1531 13.464 12.2303 13.464 13.4641L13.464 15.1307C13.464 16.9717 11.9717 18.4641 10.1307 18.4641C8.28976 18.4641 6.79735 16.9717 6.79735 15.1307L6.79737 13.4641C6.79737 12.2304 7.46756 11.1533 8.46372 10.5769Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
      </svg>
    );
  }
);

IconToolUnlockedOutline.displayName = "IconToolUnlockedOutline";

export default IconToolUnlockedOutline;