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

export const Nuxt: IconComponent = React.forwardRef<SVGSVGElement, IconProps>(
  function Nuxt(
    {
      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_410)">
          <path
            d="M13.4642 19.9075H22.386C22.6694 19.9075 22.9478 19.8341 23.1932 19.6945C23.437 19.5564 23.6408 19.3555 23.784 19.1121C23.9252 18.8716 23.9998 18.5967 24 18.3167C24 18.0374 23.9251 17.7632 23.7833 17.5214L17.7917 7.29524C17.6485 7.05189 17.4447 6.8511 17.201 6.71305C16.9543 6.57309 16.6765 6.4997 16.394 6.49991C16.1106 6.49991 15.8323 6.57343 15.5869 6.71305C15.3431 6.85111 15.1394 7.05189 14.9963 7.29524L13.4642 9.91172L10.4689 4.79514C10.3255 4.55181 10.1217 4.35106 9.87787 4.21305C9.63115 4.07314 9.35325 3.99979 9.07069 4C8.78737 4 8.50894 4.07352 8.2635 4.21305C8.01968 4.35107 7.8159 4.55182 7.67259 4.79514L0.216562 17.5214C0.07509 17.7618 0.000259859 18.0366 0 18.3167C0 18.5959 0.0743437 18.8703 0.216 19.1121C0.359209 19.3555 0.562973 19.5564 0.806813 19.6945C1.05352 19.8344 1.33143 19.9078 1.614 19.9075H7.21434C9.43331 19.9075 11.0696 18.9471 12.1957 17.0734L14.9293 12.4084L16.3935 9.91172L20.7879 17.411H14.9293L13.4642 19.9075ZM7.12294 17.4085L3.21469 17.4075L9.07331 7.40914L11.9965 12.4084L10.0393 15.7497C9.29156 16.9654 8.44209 17.4084 7.12303 17.4084L7.12294 17.4085Z"
            fill="#00dc82"
          />
        </g>
        <defs>
          <clipPath id="undefined-clip0_2066_410">
            <path fill="#fff" transform="translate(0 4)" d="M0 0H24V16H0z" />
          </clipPath>
        </defs>
      </svg>
    );
  },
);

Nuxt.displayName = "Nuxt";

Nuxt.metadata = {
  name: "Nuxt",
  category: "icon/framework",
  tags: ["nuxt", "icon"],
  description: "Nuxt icon from icon/framework category",
  type: ["stroke", "icon"],
} as IconMetadata;

export default Nuxt;