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

export const Hume: IconComponent = React.forwardRef<SVGSVGElement, IconProps>(
  function Hume(
    {
      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="M4.85887 12.0949C4.02155 12.2871 3.50049 13.079 3.70413 13.9277C3.89641 14.7764 4.71097 15.2747 5.53693 15.0824C6.37425 14.8902 6.88393 14.0983 6.69165 13.2496C6.49939 12.3998 5.68483 11.9026 4.85887 12.0949Z"
          fill="#ffb5d6"
        />
        <path
          d="M5.58186 8.89196C6.24968 9.42438 7.18826 9.33338 7.73206 8.65418C8.27472 7.97498 8.15072 7.03642 7.4943 6.50398C6.83786 5.97156 5.88676 6.06256 5.3441 6.74176C4.80142 7.42094 4.92544 8.35952 5.58186 8.89196Z"
          fill="#d2a7e9"
        />
        <path
          d="M9.63371 16.9382C8.85327 16.5651 7.95905 16.8814 7.58591 17.6516C7.21275 18.4206 7.51765 19.3149 8.29923 19.6994C9.07967 20.0726 9.97387 19.7563 10.347 18.9861C10.7088 18.2056 10.4153 17.3114 9.63371 16.9382Z"
          fill="#ffdcdc"
        />
        <path
          d="M14.3409 16.9375C13.5605 17.3107 13.2544 18.2163 13.6276 18.9853C14.0007 19.7544 14.8836 20.0832 15.6754 19.6987C16.4559 19.3255 16.7619 18.4199 16.3887 17.6509C16.0155 16.8818 15.1225 16.553 14.3409 16.9375Z"
          fill="#ffd1a4"
        />
        <path
          d="M19.1173 12.0948C18.28 11.9026 17.4768 12.4009 17.2846 13.2496C17.0923 14.0983 17.6019 14.9014 18.4393 15.0823C19.2766 15.2746 20.0798 14.7763 20.272 13.9276C20.4644 13.079 19.9546 12.2871 19.1173 12.0948Z"
          fill="url(#undefined-paint0_linear_2011_422)"
        />
        <path
          d="M18.6078 8.89332C19.2756 8.36088 19.3882 7.4223 18.8456 6.7431C18.3029 6.06392 17.3632 5.97404 16.6954 6.50534C16.0275 7.03778 15.9149 7.97634 16.4576 8.65554C17.0014 9.33472 17.94 9.4246 18.6078 8.89332Z"
          fill="#a0b0f6"
        />
        <path
          d="M11.9877 3.54004C11.1048 3.54004 10.4484 4.21922 10.4484 5.0793C10.4484 5.93938 11.1048 6.61858 11.9877 6.61858C12.8591 6.61858 13.5269 5.93938 13.5269 5.0793C13.5258 4.21808 12.8591 3.54004 11.9877 3.54004Z"
          fill="#bbabed"
        />
        <defs>
          <linearGradient
            id="undefined-paint0_linear_2011_422"
            x1="18.34"
            y1="15.063"
            x2="19.19"
            y2="12.203"
            gradientUnits="userSpaceOnUse"
          >
            <stop offset=".266" stopColor="#ffb7b2" />
            <stop offset=".578" stopColor="#ab9efc" />
          </linearGradient>
        </defs>
      </svg>
    );
  },
);

Hume.displayName = "Hume";

Hume.metadata = {
  name: "Hume",
  category: "icon/ai",
  tags: ["hume", "icon"],
  description: "Hume icon from icon/ai category",
  type: ["stroke", "icon"],
} as IconMetadata;

export default Hume;