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.5524 14.1481 12.7961L14.4619 13.7375C14.5807 14.094 14.8605 14.3738 15.217 14.4926L16.1584 14.8064C16.4022 14.8877 16.5666 15.1158 16.5666 15.3728C16.5666 15.6297 16.4022 15.8579 16.1584 15.9391L15.217 16.2529C14.8605 16.3718 14.5807 16.6515 14.4619 17.008L14.1481 17.9494C14.0668 18.1932 13.8387 18.3576 13.5818 18.3576C13.3248 18.3576 13.0967 18.1932 13.0154 17.9494L12.7016 17.008C12.5828 16.6515 12.303 16.3718 11.9465 16.2529L11.0051 15.9391C10.7613 15.8579 10.5969 15.6297 10.5969 15.3728C10.5969 15.1158 10.7613 14.8877 11.0051 14.8064L11.9465 14.4926C12.303 14.3738 12.5828 14.094 12.7016 13.7375L13.0154 12.7961C13.0967 12.5524 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.03027C7.87879 4.03027 8.11303 4.20696 8.18626 4.46324L8.83353 6.72869C9.11684 7.72027 9.89194 8.49537 10.8835 8.77868L13.149 9.42595C13.4052 9.49918 13.5819 9.73342 13.5819 9.99995C13.5819 10.2665 13.4052 10.5007 13.149 10.574L10.8835 11.2212C9.89194 11.5045 9.11684 12.2796 8.83353 13.2712L8.18626 15.5367C8.11303 15.7929 7.87879 15.9696 7.61226 15.9696C7.34572 15.9696 7.11148 15.7929 7.03826 15.5367L6.39099 13.2712C6.10768 12.2796 5.33258 11.5045 4.34099 11.2212L2.07555 10.574C1.81927 10.5007 1.64258 10.2665 1.64258 9.99995C1.64258 9.73342 1.81927 9.49918 2.07555 9.42595L4.34099 8.77868C5.33258 8.49537 6.10768 7.72027 6.39099 6.72869L7.03826 4.46324C7.11148 4.20696 7.34572 4.03027 7.61226 4.03027Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
      </svg>
    );
  }
);

IconMagicAiBicolorSolid.displayName = "IconMagicAiBicolorSolid";

export default IconMagicAiBicolorSolid;