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

export const Strapi: IconComponent = React.forwardRef<SVGSVGElement, IconProps>(
  function Strapi(
    {
      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_2062_2276)">
          <path
            d="M0 8.32003C0 4.39791 0 2.43684 1.21847 1.21847C2.43684 0 4.39781 0 8.32003 0H15.6801C19.6021 0 21.5631 0 22.7816 1.21847C24 2.43684 24 4.39781 24 8.32003V15.6801C24 19.6021 24 21.5631 22.7815 22.7816C21.5631 24 19.6022 24 15.68 24H8.32013C4.398 24 2.43694 24 1.21856 22.7815C0 21.5631 0 19.6022 0 15.68V8.32003Z"
            fill="#4945ff"
          />
          <path
            d="M16.56 7.28003H8.47998V11.4001H12.6V15.52H16.7199V7.44006C16.7199 7.35165 16.6483 7.28003 16.56 7.28003Z"
            fill="#fff"
          />
          <path d="M12.44 11.4H12.6V11.5601H12.44V11.4Z" fill="#fff" />
          <path
            d="M8.47997 11.4001H12.44C12.5284 11.4001 12.6 11.4717 12.6 11.56V15.52H8.64C8.61899 15.52 8.59818 15.5159 8.57877 15.5079C8.55935 15.4998 8.54171 15.488 8.52685 15.4732C8.51199 15.4583 8.5002 15.4407 8.49215 15.4213C8.48411 15.4019 8.47997 15.3811 8.47997 15.3601V11.4001ZM12.6 15.52H16.7199L12.7365 19.5034C12.6862 19.5539 12.6 19.5182 12.6 19.447V15.52ZM8.47997 11.4001H4.55307C4.48182 11.4001 4.44619 11.3138 4.49653 11.2635L8.47997 7.28003V11.4001Z"
            fill="#9593ff"
          />
        </g>
        <defs>
          <clipPath id="undefined-clip0_2062_2276">
            <path fill="#fff" d="M0 0H24V24H0z" />
          </clipPath>
        </defs>
      </svg>
    );
  },
);

Strapi.displayName = "Strapi";

Strapi.metadata = {
  name: "Strapi",
  category: "icon/cms",
  tags: ["strapi", "icon"],
  description: "Strapi icon from icon/cms category",
  type: ["stroke", "icon"],
} as IconMetadata;

export default Strapi;