import * as React from "react";
import type { IconProps, IconMetadata, IconComponent } from "../../types";

export const UnJs: IconComponent = React.forwardRef<SVGSVGElement, IconProps>(
  function UnJs(
    {
      color = "currentColor",
      fill,
      size = 24,
      strokeWidth,
      strokeLinecap,
      strokeLinejoin,
      strokeDasharray,
      opacity,
      className,
      ...props
    },
    forwardedRef,
  ) {
    return (
      <svg
        width={size}
        height={size}
        viewBox="0 0 24 24"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        className={className}
        strokeWidth={strokeWidth}
        strokeLinecap={strokeLinecap}
        strokeLinejoin={strokeLinejoin}
        strokeDasharray={strokeDasharray}
        opacity={opacity}
        {...props}
        ref={forwardedRef}
      >
        <g clipPath="url(#undefined-clip0_2066_923)">
          <path d="M24 0H0V24H24V0Z" fill="#ecdc5a" />
          <path
            d="M19.812 15.706C20.055 16.027 20.162 16.394 20.208 16.78 20.232 16.988 20.239 17.199 20.24 17.409 20.243 18.293 20.241 19.176 20.242 20.06 20.242 20.263 20.176 20.428 19.989 20.529 19.696 20.687 19.337 20.481 19.331 20.147 19.326 19.934 19.33 19.721 19.33 19.507 19.329 18.729 19.331 17.951 19.325 17.173 19.323 16.891 19.269 16.617 19.113 16.374 18.945 16.116 18.702 15.976 18.4 15.942 17.781 15.871 17.269 16.075 16.874 16.559 16.704 16.767 16.637 17.011 16.637 17.277 16.638 18.221 16.638 19.166 16.637 20.11 16.636 20.439 16.339 20.656 16.026 20.557 15.849 20.501 15.732 20.326 15.726 20.105 15.724 20.02 15.726 19.934 15.726 19.848 15.726 18.471 15.726 17.095 15.725 15.718 15.725 15.534 15.779 15.378 15.939 15.276 16.082 15.185 16.237 15.178 16.389 15.255 16.544 15.335 16.625 15.467 16.637 15.641 16.639 15.676 16.637 15.712 16.637 15.761 16.667 15.736 16.69 15.72 16.711 15.701 17.099 15.349 17.548 15.118 18.072 15.071 18.676 15.016 19.243 15.112 19.694 15.57 19.735 15.611 19.771 15.657 19.812 15.706ZM14.071 15.208C14.322 15.252 14.472 15.422 14.472 15.678 14.471 16.7 14.483 17.723 14.454 18.744 14.434 19.44 14.12 19.998 13.503 20.357 13.241 20.509 12.954 20.591 12.654 20.626 12.266 20.672 11.878 20.665 11.501 20.556 10.903 20.382 10.458 20.026 10.219 19.435 10.093 19.124 10.057 18.798 10.056 18.467 10.053 17.542 10.055 16.617 10.056 15.692 10.056 15.389 10.261 15.191 10.552 15.208 10.786 15.221 10.966 15.433 10.966 15.703 10.968 16.252 10.966 16.8 10.967 17.349 10.967 17.772 10.965 18.196 10.972 18.62 10.976 18.829 11.026 19.031 11.127 19.217 11.27 19.476 11.487 19.639 11.771 19.716 12.145 19.817 12.518 19.812 12.879 19.67 13.25 19.523 13.457 19.235 13.526 18.849 13.552 18.703 13.56 18.552 13.561 18.403 13.564 17.503 13.562 16.603 13.562 15.702 13.563 15.451 13.682 15.279 13.9 15.221 13.952 15.207 14.009 15.212 14.071 15.208Z"
            fill="#111827"
          />
        </g>
        <defs>
          <clipPath id="undefined-clip0_2066_923">
            <path fill="#fff" d="M0 0H24V24H0z" />
          </clipPath>
        </defs>
      </svg>
    );
  },
);

UnJs.displayName = "UnJs";

UnJs.metadata = {
  name: "UnJs",
  category: "icon/library",
  tags: ["un", "js", "icon"],
  description: "UnJs icon from icon/library category",
  type: ["stroke", "icon"],
} as IconMetadata;

export default UnJs;