import { forwardRef } from "react";
import type { IconProps } from "../../types";

export const IconMagicAiBicolorSolid = forwardRef<SVGSVGElement, IconProps>(
  ({ color = "currentColor", ...props }, forwardedRef) => {
    const { className } = props;
    props = {
      ...props,
      width: `${props.width || props.size || 20}`,
      height: `${props.height || props.size || 20}`,
      className: `${
        className ? className + " " : ""
      }customeow-icon customeow-icon-icon-magic-ai-bicolor-solid`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          opacity=".5"
          d="M13.5818 12.3879C13.8387 12.3879 14.0668 12.5523 14.1481 12.7961L14.4619 13.7375C14.5807 14.094 14.8605 14.3737 15.217 14.4926L16.1584 14.8064C16.4022 14.8876 16.5666 15.1158 16.5666 15.3727C16.5666 15.6297 16.4022 15.8578 16.1584 15.9391L15.217 16.2529C14.8605 16.3717 14.5807 16.6514 14.4619 17.008L14.1481 17.9494C14.0668 18.1931 13.8387 18.3576 13.5818 18.3576C13.3248 18.3576 13.0967 18.1931 13.0154 17.9494L12.7016 17.008C12.5828 16.6514 12.303 16.3717 11.9465 16.2529L11.0051 15.9391C10.7613 15.8578 10.5969 15.6297 10.5969 15.3727C10.5969 15.1158 10.7613 14.8876 11.0051 14.8064L11.9465 14.4926C12.303 14.3737 12.5828 14.094 12.7016 13.7375L13.0154 12.7961C13.0967 12.5523 13.3248 12.3879 13.5818 12.3879Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
        <path
          opacity=".7"
          d="M14.7757 1.64246C15.0496 1.64246 15.2884 1.82889 15.3548 2.09464L15.5608 2.91882C15.748 3.66742 16.3325 4.25192 17.0811 4.43907L17.9053 4.64512C18.171 4.71156 18.3575 4.95033 18.3575 5.22426C18.3575 5.49819 18.171 5.73697 17.9053 5.80341L17.0811 6.00945C16.3325 6.1966 15.748 6.78111 15.5608 7.52971L15.3548 8.35389C15.2884 8.61964 15.0496 8.80607 14.7757 8.80607C14.5017 8.80607 14.2629 8.61964 14.1965 8.35389L13.9905 7.52971C13.8033 6.78111 13.2188 6.1966 12.4702 6.00945L11.646 5.80341C11.3803 5.73697 11.1938 5.49819 11.1938 5.22426C11.1938 4.95033 11.3803 4.71156 11.646 4.64512L12.4702 4.43907C13.2188 4.25192 13.8033 3.66742 13.9905 2.91882L14.1965 2.09464C14.2629 1.82889 14.5017 1.64246 14.7757 1.64246Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
        <path
          d="M7.61226 4.03033C7.87879 4.03033 8.11303 4.20702 8.18626 4.4633L8.83353 6.72875C9.11684 7.72034 9.89194 8.49543 10.8835 8.77875L13.149 9.42601C13.4052 9.49924 13.5819 9.73348 13.5819 10C13.5819 10.2665 13.4052 10.5008 13.149 10.574L10.8835 11.2213C9.89194 11.5046 9.11684 12.2797 8.83353 13.2713L8.18626 15.5367C8.11303 15.793 7.87879 15.9697 7.61226 15.9697C7.34572 15.9697 7.11148 15.793 7.03826 15.5367L6.39099 13.2713C6.10768 12.2797 5.33258 11.5046 4.34099 11.2213L2.07555 10.574C1.81927 10.5008 1.64258 10.2665 1.64258 10C1.64258 9.73348 1.81927 9.49924 2.07555 9.42601L4.34099 8.77874C5.33258 8.49543 6.10768 7.72033 6.39099 6.72875L7.03826 4.4633C7.11148 4.20702 7.34572 4.03033 7.61226 4.03033Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
      </svg>
    );
  }
);

IconMagicAiBicolorSolid.displayName = "IconMagicAiBicolorSolid";

export default IconMagicAiBicolorSolid;