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

export const IconGlobeAltOutline = 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-globe-alt-outline`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M4.45281 6.15285C4.87445 6.46936 5.32394 6.75064 5.79696 6.99237C5.999 6.01191 6.29844 5.11948 6.67753 4.36129C6.73443 4.24748 6.79392 4.13533 6.85597 4.02527C5.89444 4.53226 5.06995 5.26472 4.45281 6.15285ZM10 1.75C6.91427 1.75 4.22526 3.44444 2.81097 5.95004C2.13529 7.14708 1.75 8.52968 1.75 10C1.75 10.712 1.84037 11.404 2.01065 12.0646C2.92739 15.6214 6.15578 18.25 10 18.25C13.8442 18.25 17.0726 15.6214 17.9893 12.0646C18.1596 11.404 18.25 10.712 18.25 10C18.25 8.52968 17.8647 7.14708 17.189 5.95004C15.7747 3.44444 13.0857 1.75 10 1.75ZM10 3.25C9.40159 3.25 8.65792 3.7546 8.01917 5.03211C7.67042 5.72962 7.39002 6.5945 7.21229 7.57272C8.09185 7.85033 9.02828 8 10 8C10.9717 8 11.9082 7.85033 12.7877 7.57272C12.61 6.5945 12.3296 5.72962 11.9808 5.03211C11.3421 3.7546 10.5984 3.25 10 3.25ZM14.203 6.99237C14.001 6.01191 13.7016 5.11948 13.3225 4.36129C13.2656 4.24748 13.2061 4.13533 13.144 4.02527C14.1056 4.53226 14.9301 5.26472 15.5472 6.15285C15.1255 6.46936 14.6761 6.75064 14.203 6.99237ZM12.9709 9.08404C12.0272 9.35488 11.0304 9.5 10 9.5C8.9696 9.5 7.97282 9.35488 7.02913 9.08404C7.00996 9.38304 7 9.68874 7 10C7 10.9803 7.09876 11.9055 7.27329 12.7395C8.15563 12.9105 9.0672 13 10 13C10.9328 13 11.8444 12.9105 12.7267 12.7395C12.9012 11.9055 13 10.9803 13 10C13 9.68874 12.99 9.38304 12.9709 9.08404ZM14.3246 12.3322C14.4392 11.5901 14.5 10.8067 14.5 10C14.5 9.50521 14.4771 9.0192 14.433 8.5461C15.081 8.2524 15.6947 7.89635 16.2664 7.48563C16.5783 8.26215 16.75 9.1104 16.75 10C16.75 10.4729 16.7015 10.9337 16.6094 11.378C15.8825 11.7592 15.1187 12.0796 14.3246 12.3322ZM12.2588 14.3391C11.521 14.4452 10.7668 14.5 10 14.5C9.23319 14.5 8.47901 14.4452 7.74123 14.3391C7.82793 14.5612 7.92083 14.7712 8.01917 14.9679C8.65792 16.2454 9.40159 16.75 10 16.75C10.5984 16.75 11.3421 16.2454 11.9808 14.9679C12.0792 14.7712 12.1721 14.5612 12.2588 14.3391ZM13.1442 15.9745C13.2062 15.8645 13.2656 15.7524 13.3225 15.6387C13.5695 15.1447 13.7826 14.5937 13.9571 13.9986C14.6032 13.8314 15.2332 13.6242 15.8444 13.3798C15.2077 14.4784 14.2699 15.3809 13.1442 15.9745ZM6.85585 15.9745C6.79384 15.8645 6.73439 15.7524 6.67753 15.6387C6.43053 15.1447 6.21736 14.5937 6.0429 13.9986C5.39682 13.8314 4.76677 13.6242 4.15556 13.3798C4.79233 14.4784 5.73009 15.3809 6.85585 15.9745ZM3.39061 11.378C4.11745 11.7592 4.8813 12.0796 5.67545 12.3322C5.56077 11.5901 5.5 10.8067 5.5 10C5.5 9.50521 5.52286 9.0192 5.567 8.5461C4.91898 8.2524 4.30528 7.89635 3.73363 7.48563C3.42173 8.26215 3.25 9.1104 3.25 10C3.25 10.4729 3.29851 10.9337 3.39061 11.378Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
      </svg>
    );
  }
);

IconGlobeAltOutline.displayName = "IconGlobeAltOutline";

export default IconGlobeAltOutline;