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

export const Nike: IconComponent = React.forwardRef<SVGSVGElement, IconProps>(
  function Nike(
    {
      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}
      >
        <path
          d="M2.64738 15.9967C1.93228 15.9702 1.34722 15.7871 0.88975 15.4472C0.802444 15.3823 0.594403 15.1876 0.524607 15.1055C0.339098 14.8873 0.212975 14.675 0.128853 14.4394C-0.130004 13.7142 0.00322037 12.7626 0.509914 11.7182C0.94375 10.8241 1.61318 9.93733 2.78109 8.70914C2.95313 8.52842 3.46546 7.99988 3.46877 7.99988C3.46999 7.99988 3.44207 8.04512 3.40693 8.1002C3.10326 8.57595 2.84342 9.13633 2.70187 9.62147C2.47448 10.3999 2.50191 11.0679 2.7822 11.5859C2.97554 11.9428 3.30701 12.2519 3.67975 12.4228C4.33228 12.7218 5.28762 12.7466 6.45431 12.4952C6.53464 12.4778 10.515 11.4895 15.2995 10.299C20.0841 9.10838 23.9994 8.13502 24 8.13582C24.0013 8.13685 12.8841 12.5862 7.11297 14.8945C6.19901 15.26 5.9546 15.3523 5.52493 15.4934C4.42656 15.8541 3.44268 16.0263 2.64738 15.9967Z"
          fill="currentColor"
        />
      </svg>
    );
  },
);

Nike.displayName = "Nike";

Nike.metadata = {
  name: "Nike",
  category: "icon/sports",
  tags: ["nike", "icon"],
  description: "Nike icon from icon/sports category",
  type: ["stroke", "icon"],
} as IconMetadata;

export default Nike;