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

export const IconWifiCloseNetworkOutline = 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-wifi-close-network-outline`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M17.8174 7.73249C13.6677 3.79988 7.27822 3.59281 2.89333 7.11215C2.65008 7.30739 2.41292 7.51415 2.18253 7.73249C1.88188 8.01741 1.40717 8.00466 1.12225 7.70401C0.837326 7.40336 0.850076 6.92866 1.15073 6.64374C1.411 6.39707 1.67917 6.16327 1.95441 5.94235C6.91926 1.95754 14.1507 2.19103 18.8492 6.64373C19.1498 6.92866 19.1626 7.40336 18.8777 7.70401C18.5928 8.00466 18.118 8.01742 17.8174 7.73249Z"
          fill={color}
        />
        <path
          d="M4.09519 10.0768C7.3563 6.81568 12.6436 6.81568 15.9047 10.0768 16.1976 10.3697 16.1976 10.8446 15.9047 11.1375 15.6118 11.4303 15.1369 11.4303 14.8441 11.1375 12.1687 8.46213 7.83118 8.46213 5.15585 11.1375 4.86296 11.4303 4.38808 11.4303 4.09519 11.1375 3.8023 10.8446 3.8023 10.3697 4.09519 10.0768ZM8.5303 12.3389C8.23741 12.046 7.76253 12.046 7.46964 12.3389 7.17675 12.6318 7.17675 13.1067 7.46964 13.3996L8.93931 14.8692 7.46964 16.3389C7.17675 16.6318 7.17675 17.1067 7.46964 17.3996 7.76253 17.6925 8.23741 17.6925 8.5303 17.3996L9.99997 15.9299 11.4696 17.3996C11.7625 17.6925 12.2374 17.6925 12.5303 17.3996 12.8232 17.1067 12.8232 16.6318 12.5303 16.3389L11.0606 14.8692 12.5303 13.3996C12.8232 13.1067 12.8232 12.6318 12.5303 12.3389 12.2374 12.046 11.7625 12.046 11.4696 12.3389L9.99997 13.8086 8.5303 12.3389Z"
          fill={color}
        />
      </svg>
    );
  }
);

IconWifiCloseNetworkOutline.displayName = "IconWifiCloseNetworkOutline";

export default IconWifiCloseNetworkOutline;