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

export const IconShieldExclamationBicolorSolid = 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-shield-exclamation-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.3389 2.23657C10.1429 2.07381 9.85709 2.07381 9.66109 2.23657C7.72231 3.84643 5.2685 4.85748 2.58337 4.98601C2.34202 4.99756 2.13593 5.17189 2.10424 5.41144C2.03548 5.93125 2 6.46156 2 7.00016C2 12.1627 5.26004 16.5638 9.83378 18.2572C9.94102 18.2969 10.0593 18.2969 10.1665 18.2572C14.7401 16.5637 18 12.1627 18 7.00028C18 6.46164 17.9645 5.93129 17.8957 5.41143C17.8641 5.17189 17.658 4.99756 17.4166 4.98601C14.7315 4.85747 12.2777 3.84642 10.3389 2.23657Z"
        fill={color}
        fillRule="evenodd"
        clipRule="evenodd"
      />
      <path
        d="M10 6C10.4142 6 10.75 6.33579 10.75 6.75V10.25C10.75 10.6642 10.4142 11 10 11 9.58579 11 9.25 10.6642 9.25 10.25L9.25 6.75C9.25 6.33579 9.58579 6 10 6ZM10 15C10.5523 15 11 14.5523 11 14 11 13.4477 10.5523 13 10 13 9.44772 13 9 13.4477 9 14 9 14.5523 9.44772 15 10 15Z"
        fill={color}
      />
    </svg>
  );
});

IconShieldExclamationBicolorSolid.displayName =
  "IconShieldExclamationBicolorSolid";

export default IconShieldExclamationBicolorSolid;