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

export const IconUpdateCircleBicolorSolid = 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-update-circle-bicolor-solid`,
  };
  return (
    <svg
      viewBox="0 0 20 20"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
      ref={forwardedRef}
    >
      <path
        opacity=".12"
        d="M10 2C14.4183 2 18 5.58173 18 10C18 14.4183 14.4183 18 10 18C5.58173 18 2 14.4183 2 10C2 5.58173 5.58173 2 10 2Z"
        fill={color}
        fillRule="evenodd"
        clipRule="evenodd"
      />
      <path
        d="M10.416 8.41254C10.416 8.8229 9.94896 9.05854 9.61891 8.81469L7.70703 7.40221C7.43651 7.20235 7.43651 6.79776 7.70703 6.5979L9.61891 5.18542C9.94896 4.94157 10.416 5.17721 10.416 5.58757V6.25005H11.7501C13.8211 6.25005 15.5001 7.92899 15.5001 10.0001 15.5001 10.6818 15.3174 11.3233 14.9979 11.8756 14.7905 12.2341 14.3317 12.3567 13.9732 12.1493 13.6146 11.9419 13.4921 11.4831 13.6995 11.1245 13.8905 10.7943 14.0001 10.4111 14.0001 10.0001 14.0001 8.75741 12.9927 7.75005 11.7501 7.75005H10.416V8.41254ZM6.02689 7.85085C6.38544 8.05826 6.50796 8.51705 6.30055 8.8756 6.23198 8.99413 6.17401 9.11935 6.12784 9.24999 6.04526 9.48361 6 9.73574 6 10.0001 6 11.2427 7.00736 12.2501 8.25 12.2501H9.5918V11.5876C9.5918 11.1772 10.0588 10.9416 10.3889 11.1854L12.3008 12.5979C12.5713 12.7978 12.5713 13.2023 12.3008 13.4022L10.3889 14.8147C10.0588 15.0585 9.5918 14.8229 9.5918 14.4125V13.7501H8.25C6.17893 13.7501 4.5 12.0711 4.5 10.0001 4.5 9.5631 4.57505 9.14206 4.71358 8.75012 4.79087 8.53144 4.88779 8.3222 5.00214 8.12451 5.20955 7.76596 5.66835 7.64344 6.02689 7.85085Z"
        fill={color}
      />
    </svg>
  );
});

IconUpdateCircleBicolorSolid.displayName = "IconUpdateCircleBicolorSolid";

export default IconUpdateCircleBicolorSolid;