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

export const GoogleIdx: IconComponent = React.forwardRef<
  SVGSVGElement,
  IconProps
>(function GoogleIdx(
  {
    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="M13 19.5H5C4.17157 19.5 3.5 20.1716 3.5 21C3.5 21.8284 4.17157 22.5 5 22.5H13C13.8284 22.5 14.5 21.8284 14.5 21C14.5 20.1716 13.8284 19.5 13 19.5Z"
        fill="#8964e8"
      />
      <path
        d="M16 15H14.5C13.672 15 13 15.672 13 16.5 13 17.328 13.672 18 14.5 18H16C16.828 18 17.5 17.328 17.5 16.5 17.5 15.672 16.828 15 16 15ZM10 15H8.5C7.672 15 7 15.672 7 16.5 7 17.328 7.672 18 8.5 18H10C10.828 18 11.5 17.328 11.5 16.5 11.5 15.672 10.828 15 10 15Z"
        fill="#17b877"
      />
      <path
        d="M15.5 10.5H12C11.172 10.5 10.5 11.172 10.5 12 10.5 12.828 11.172 13.5 12 13.5H15.5C16.328 13.5 17 12.828 17 12 17 11.172 16.328 10.5 15.5 10.5ZM21.5 12C21.5 11.172 20.828 10.5 20 10.5 19.172 10.5 18.5 11.172 18.5 12 18.5 12.828 19.172 13.5 20 13.5 20.828 13.5 21.5 12.828 21.5 12Z"
        fill="#ffa23e"
      />
      <path
        d="M16.5 6H8.5C7.67157 6 7 6.67157 7 7.5C7 8.32843 7.67157 9 8.5 9H16.5C17.3284 9 18 8.32843 18 7.5C18 6.67157 17.3284 6 16.5 6Z"
        fill="#25a6e9"
      />
      <path
        d="M13 1.5H9.5C8.672 1.5 8 2.172 8 3 8 3.828 8.672 4.5 9.5 4.5H13C13.828 4.5 14.5 3.828 14.5 3 14.5 2.172 13.828 1.5 13 1.5ZM6.5 3C6.5 2.172 5.828 1.5 5 1.5 4.172 1.5 3.5 2.172 3.5 3 3.5 3.828 4.172 4.5 5 4.5 5.828 4.5 6.5 3.828 6.5 3Z"
        fill="#8964e8"
      />
    </svg>
  );
});

GoogleIdx.displayName = "GoogleIdx";

GoogleIdx.metadata = {
  name: "GoogleIdx",
  category: "icon/google",
  tags: ["google", "idx", "icon"],
  description: "GoogleIdx icon from icon/google category",
  type: ["stroke", "icon"],
} as IconMetadata;

export default GoogleIdx;