Bugfix: En - US icon problem fixed.

src/assets/svg/enUSIcon/index.tsx

@@ -2,18 +2,13 @@ import type {
     INCoreUIKitIconProps
 } from "../../../types";
 import {
+    ClipPath,
     Path,
-    Mask,
+    Defs,
     Svg,
     G
 } from "react-native-svg";
 
-const stylesheet = {
-    mask: {
-        maskType: "luminance" as const
-    }
-};
-
 const EnUsIcon = ({
     size = 32,
     style,
@@ -29,27 +24,22 @@ const EnUsIcon = ({
         }}
         {...props}
     >
-        <Mask
-            maskUnits="userSpaceOnUse"
-            style={stylesheet.mask}
-            id="enusicon"
-            height={32}
-            width={32}
-            x={0}
-            y={0}
-        >
-            <Path
-                d="M16 32c8.837 0 16-7.163 16-16S24.837 0 16 0 0 7.163 0 16s7.163 16 16 16Z"
-                transform={[
-                    {
-                        scale: 1 / pathScale
-                    }
-                ]}
-                fill="#fff"
-            />
-        </Mask>
+        <Defs>
+            <ClipPath
+                id="enUsClip"
+            >
+                <Path
+                    d="M16 32c8.837 0 16-7.163 16-16S24.837 0 16 0 0 7.163 0 16s7.163 16 16 16Z"
+                    transform={[
+                        {
+                            scale: 1 / pathScale
+                        }
+                    ]}
+                />
+            </ClipPath>
+        </Defs>
         <G
-            mask="url(#enusicon)"
+            clipPath="url(#enUsClip)"
         >
             <Path
                 d="M16 0h16v4l-2 2 2 2v4l-2 2 2 2v4l-2 2 2 2v4l-16 2-16-2v-4l2-2-2-2v-4L16 0Z"