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

export const IconInformationCircleAlertSolid = 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-shein-icon customeow-shein-icon-icon-information-circle-alert-solid`,
  };
  return (
    <svg
      viewBox="0 0 20 20"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
      ref={forwardedRef}
    >
      <path
        d="M10.0001 18.3334C14.6025 18.3334 18.3334 14.6025 18.3334 10.0001C18.3334 5.39771 14.6025 1.66675 10.0001 1.66675C5.39771 1.66675 1.66675 5.39771 1.66675 10.0001C1.66675 14.6025 5.39771 18.3334 10.0001 18.3334ZM10.8725 7.46429C11.4952 7.46429 12 7.01085 12 6.4515C12 5.89216 11.4952 5.43872 10.8725 5.43872C10.2499 5.43872 9.74508 5.89216 9.74508 6.4515C9.74508 7.01085 10.2499 7.46429 10.8725 7.46429ZM8.13212 8.93121C8.08238 8.98051 8.02332 9.26502 8 9.40111C9.57498 8.9433 9.39997 9.7324 9.24122 10.4482L9.22872 10.5047C9.15401 10.8438 9.04928 11.1897 8.94645 11.5294C8.64935 12.5107 8.36808 13.4398 8.87249 13.9999C9.60369 14.8119 11.1049 14.3114 11.765 13.9731L11.875 13.4866C11.7086 13.5481 11.2708 13.6544 10.851 13.5872C10.3263 13.5034 10.5266 12.6847 10.7843 11.7517C10.8297 11.5875 10.8789 11.4222 10.9278 11.2584C11.1563 10.4917 11.3776 9.7491 11.1697 9.21716C10.8355 8.36211 9.7793 8.41421 9.44028 8.48358C8.8742 8.5994 8.19429 8.86959 8.13212 8.93121Z"
        fill={color}
        fillRule="evenodd"
        clipRule="evenodd"
      />
    </svg>
  );
});

IconInformationCircleAlertSolid.displayName = "IconInformationCircleAlertSolid";

export default IconInformationCircleAlertSolid;