|
|
@@ -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"
|
