@adiraku/react-native-ui 1.2.3-snapshot.5 → 1.2.3-snapshot.7

package/src/icons/misc/IconGroup.tsx

@@ -1,32 +1,32 @@
-import * as React from 'react';
-import Svg, { Path } from 'react-native-svg';
-import { Palettes } from '../../themes';
-
-import type { IconProps } from '../../types';
-
-export const IconGroup = (props: IconProps) => {
-  const {
-    width = 24,
-    height = 24,
-    fill = Palettes.black[900],
-    ...rest
-  } = props;
-
-  return (
-    <Svg
-      width={width}
-      height={height}
-      viewBox="0 0 24 24"
-      fill="none"
-      // xmlns="http://www.w3.org/2000/svg"
-      {...rest}
-    >
-      <Path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M12.3 12.22A4.92 4.92 0 0014 8.5a5 5 0 00-10 0 4.92 4.92 0 001.7 3.72A8 8 0 001 19.5a1 1 0 102 0 6 6 0 0112 0 1 1 0 102 0 8 8 0 00-4.7-7.28zM9 11.5a3 3 0 110-6 3 3 0 010 6zm9.74.32A5 5 0 0015 3.5a1 1 0 100 2 3 3 0 013 3 3 3 0 01-1.5 2.59 1 1 0 00-.05 1.7l.39.26.13.07a7 7 0 014 6.38 1 1 0 102 0 9 9 0 00-4.23-7.68z"
-        fill={fill}
-      />
-    </Svg>
-  );
-};
+import * as React from 'react';
+import Svg, { Path } from 'react-native-svg';
+import { Palettes } from '../../themes';
+
+import type { IconProps } from '../../types';
+
+export const IconGroup = (props: IconProps) => {
+  const {
+    width = 24,
+    height = 24,
+    fill = Palettes.black[900],
+    ...rest
+  } = props;
+
+  return (
+    <Svg
+      width={width}
+      height={height}
+      viewBox="0 0 24 24"
+      fill="none"
+      // xmlns="http://www.w3.org/2000/svg"
+      {...rest}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M12.3 12.22A4.92 4.92 0 0014 8.5a5 5 0 00-10 0 4.92 4.92 0 001.7 3.72A8 8 0 001 19.5a1 1 0 102 0 6 6 0 0112 0 1 1 0 102 0 8 8 0 00-4.7-7.28zM9 11.5a3 3 0 110-6 3 3 0 010 6zm9.74.32A5 5 0 0015 3.5a1 1 0 100 2 3 3 0 013 3 3 3 0 01-1.5 2.59 1 1 0 00-.05 1.7l.39.26.13.07a7 7 0 014 6.38 1 1 0 102 0 9 9 0 00-4.23-7.68z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};

package/src/icons/misc/IconHistory.tsx

@@ -1,42 +1,42 @@
-import * as React from 'react';
-import Svg, { Path } from 'react-native-svg';
-import { Palettes } from '../../themes';
-
-import type { IconProps } from '../../types';
-
-export const IconHistory = (props: IconProps) => {
-  const {
-    width = 24,
-    height = 24,
-    fill = Palettes.black[900],
-    ...rest
-  } = props;
-
-  return (
-    <Svg
-      width={width}
-      height={height}
-      viewBox="0 0 24 24"
-      fill="none"
-      // xmlns="http://www.w3.org/2000/svg"
-      {...rest}
-    >
-      <Path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M13.053 5a6.948 6.948 0 00-6.948 6.948 1 1 0 11-2 0 8.948 8.948 0 112.821 6.52 1 1 0 111.37-1.457A6.948 6.948 0 1013.053 5z"
-        fill={fill}
-      />
-      <Path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M13.052 6.782a.75.75 0 01.75.75v3.85c0 .087.046.168.122.214l1.722 1.033a.75.75 0 11-.772 1.286l-1.722-1.033a1.75 1.75 0 01-.85-1.5v-3.85a.75.75 0 01.75-.75z"
-        fill={fill}
-      />
-      <Path
-        d="M5.683 14.98a.883.883 0 01-1.156 0l-2.22-1.923c-.618-.536-.24-1.55.578-1.55h4.44c.817 0 1.196 1.014.578 1.55l-2.22 1.922z"
-        fill={fill}
-      />
-    </Svg>
-  );
-};
+import * as React from 'react';
+import Svg, { Path } from 'react-native-svg';
+import { Palettes } from '../../themes';
+
+import type { IconProps } from '../../types';
+
+export const IconHistory = (props: IconProps) => {
+  const {
+    width = 24,
+    height = 24,
+    fill = Palettes.black[900],
+    ...rest
+  } = props;
+
+  return (
+    <Svg
+      width={width}
+      height={height}
+      viewBox="0 0 24 24"
+      fill="none"
+      // xmlns="http://www.w3.org/2000/svg"
+      {...rest}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M13.053 5a6.948 6.948 0 00-6.948 6.948 1 1 0 11-2 0 8.948 8.948 0 112.821 6.52 1 1 0 111.37-1.457A6.948 6.948 0 1013.053 5z"
+        fill={fill}
+      />
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M13.052 6.782a.75.75 0 01.75.75v3.85c0 .087.046.168.122.214l1.722 1.033a.75.75 0 11-.772 1.286l-1.722-1.033a1.75 1.75 0 01-.85-1.5v-3.85a.75.75 0 01.75-.75z"
+        fill={fill}
+      />
+      <Path
+        d="M5.683 14.98a.883.883 0 01-1.156 0l-2.22-1.923c-.618-.536-.24-1.55.578-1.55h4.44c.817 0 1.196 1.014.578 1.55l-2.22 1.922z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};

package/src/icons/misc/IconLocation.tsx

@@ -1,32 +1,32 @@
-import * as React from 'react';
-import Svg, { Path } from 'react-native-svg';
-import { Palettes } from '../../themes';
-
-import type { IconProps } from '../../types';
-
-export const IconLocation = (props: IconProps) => {
-  const {
-    width = 24,
-    height = 24,
-    fill = Palettes.black[900],
-    ...rest
-  } = props;
-
-  return (
-    <Svg
-      width={width}
-      height={height}
-      viewBox="0 0 24 24"
-      fill="none"
-      // xmlns="http://www.w3.org/2000/svg"
-      {...rest}
-    >
-      <Path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M11.438 21.748c.242.166.656.248 1.062.252.406-.004.82-.086 1.063-.252C17.813 18.85 21 14.023 21 10.663 21 5.402 16.962 2 12.5 2 8.037 2 4 5.402 4 10.663c0 3.36 3.188 8.187 7.438 11.085zM12.467 13c1.644 0 2.976-1.343 2.976-3s-1.332-3-2.975-3-2.975 1.343-2.975 3 1.332 3 2.975 3z"
-        fill={fill}
-      />
-    </Svg>
-  );
-};
+import * as React from 'react';
+import Svg, { Path } from 'react-native-svg';
+import { Palettes } from '../../themes';
+
+import type { IconProps } from '../../types';
+
+export const IconLocation = (props: IconProps) => {
+  const {
+    width = 24,
+    height = 24,
+    fill = Palettes.black[900],
+    ...rest
+  } = props;
+
+  return (
+    <Svg
+      width={width}
+      height={height}
+      viewBox="0 0 24 24"
+      fill="none"
+      // xmlns="http://www.w3.org/2000/svg"
+      {...rest}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M11.438 21.748c.242.166.656.248 1.062.252.406-.004.82-.086 1.063-.252C17.813 18.85 21 14.023 21 10.663 21 5.402 16.962 2 12.5 2 8.037 2 4 5.402 4 10.663c0 3.36 3.188 8.187 7.438 11.085zM12.467 13c1.644 0 2.976-1.343 2.976-3s-1.332-3-2.975-3-2.975 1.343-2.975 3 1.332 3 2.975 3z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};

package/src/icons/misc/IconLock.tsx

@@ -1,33 +1,33 @@
-import * as React from 'react';
-import Svg, { Circle, Path } from 'react-native-svg';
-import { Palettes } from '../../themes';
-
-import type { IconProps } from '../../types';
-
-export const IconLock = (props: IconProps) => {
-  const {
-    width = 24,
-    height = 24,
-    fill = Palettes.black[900],
-    ...rest
-  } = props;
-
-  return (
-    <Svg
-      width={width}
-      height={height}
-      viewBox="0 0 24 24"
-      fill="none"
-      // xmlns="http://www.w3.org/2000/svg"
-      {...rest}
-    >
-      <Path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M15 7v1H9V7a3 3 0 116 0zM7 8V7a5 5 0 0110 0v1h1a2 2 0 012 2v10a2 2 0 01-2 2H6a2 2 0 01-2-2V10a2 2 0 012-2h1zm8.4 2H6v10h12V10h-2.6z"
-        fill={fill}
-      />
-      <Circle cx={12} cy={15} r={2} fill={fill} />
-    </Svg>
-  );
-};
+import * as React from 'react';
+import Svg, { Circle, Path } from 'react-native-svg';
+import { Palettes } from '../../themes';
+
+import type { IconProps } from '../../types';
+
+export const IconLock = (props: IconProps) => {
+  const {
+    width = 24,
+    height = 24,
+    fill = Palettes.black[900],
+    ...rest
+  } = props;
+
+  return (
+    <Svg
+      width={width}
+      height={height}
+      viewBox="0 0 24 24"
+      fill="none"
+      // xmlns="http://www.w3.org/2000/svg"
+      {...rest}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M15 7v1H9V7a3 3 0 116 0zM7 8V7a5 5 0 0110 0v1h1a2 2 0 012 2v10a2 2 0 01-2 2H6a2 2 0 01-2-2V10a2 2 0 012-2h1zm8.4 2H6v10h12V10h-2.6z"
+        fill={fill}
+      />
+      <Circle cx={12} cy={15} r={2} fill={fill} />
+    </Svg>
+  );
+};

package/src/icons/misc/IconMoney.tsx

@@ -1,37 +1,37 @@
-import * as React from 'react';
-import Svg, { Circle, Path } from 'react-native-svg';
-import { Palettes } from '../../themes';
-
-import type { IconProps } from '../../types';
-
-export const IconMoney = (props: IconProps) => {
-  const {
-    width = 24,
-    height = 24,
-    fill = Palettes.black[900],
-    ...rest
-  } = props;
-
-  return (
-    <Svg
-      width={width}
-      height={height}
-      viewBox="0 0 24 24"
-      fill="none"
-      // xmlns="http://www.w3.org/2000/svg"
-      {...rest}
-    >
-      <Circle cx={12} cy={12} r={9.25} stroke={fill} strokeWidth={1.5} />
-      <Path
-        d="M10.85 8c0-.552.465-1 1.038-1s1.037.448 1.037 1v.055c.578.087 1.028.26 1.349.426.381.198.47.647.287 1.026-.288.598-1.132.777-1.8.635a2.857 2.857 0 00-.597-.064c-.388 0-.761.104-.761.371 0 .189.383.326.9.51 1.065.38 2.697.962 2.697 2.622 0 1.05-.754 1.977-2.082 2.298.005.04.007.08.007.121 0 .552-.464 1-1.037 1s-1.037-.448-1.037-1c0-.035.002-.07.005-.103a4.785 4.785 0 01-1.426-.551c-.412-.241-.476-.752-.223-1.146.348-.542 1.147-.64 1.77-.427.257.088.548.15.859.15.388 0 .761-.105.761-.357 0-.228-.418-.387-.97-.596C10.562 12.566 9 11.973 9 10.33c0-1.057.75-1.819 1.85-2.148V8z"
-        fill={fill}
-      />
-      <Path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M12 20a8 8 0 100-16 8 8 0 000 16zm0 2c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10z"
-        fill={fill}
-      />
-    </Svg>
-  );
-};
+import * as React from 'react';
+import Svg, { Circle, Path } from 'react-native-svg';
+import { Palettes } from '../../themes';
+
+import type { IconProps } from '../../types';
+
+export const IconMoney = (props: IconProps) => {
+  const {
+    width = 24,
+    height = 24,
+    fill = Palettes.black[900],
+    ...rest
+  } = props;
+
+  return (
+    <Svg
+      width={width}
+      height={height}
+      viewBox="0 0 24 24"
+      fill="none"
+      // xmlns="http://www.w3.org/2000/svg"
+      {...rest}
+    >
+      <Circle cx={12} cy={12} r={9.25} stroke={fill} strokeWidth={1.5} />
+      <Path
+        d="M10.85 8c0-.552.465-1 1.038-1s1.037.448 1.037 1v.055c.578.087 1.028.26 1.349.426.381.198.47.647.287 1.026-.288.598-1.132.777-1.8.635a2.857 2.857 0 00-.597-.064c-.388 0-.761.104-.761.371 0 .189.383.326.9.51 1.065.38 2.697.962 2.697 2.622 0 1.05-.754 1.977-2.082 2.298.005.04.007.08.007.121 0 .552-.464 1-1.037 1s-1.037-.448-1.037-1c0-.035.002-.07.005-.103a4.785 4.785 0 01-1.426-.551c-.412-.241-.476-.752-.223-1.146.348-.542 1.147-.64 1.77-.427.257.088.548.15.859.15.388 0 .761-.105.761-.357 0-.228-.418-.387-.97-.596C10.562 12.566 9 11.973 9 10.33c0-1.057.75-1.819 1.85-2.148V8z"
+        fill={fill}
+      />
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M12 20a8 8 0 100-16 8 8 0 000 16zm0 2c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};

package/src/icons/misc/IconMyLocation.tsx

@@ -1,32 +1,32 @@
-import * as React from 'react';
-import Svg, { Path } from 'react-native-svg';
-import { Palettes } from '../../themes';
-
-import type { IconProps } from '../../types';
-
-export const IconMyLocation = (props: IconProps) => {
-  const {
-    width = 24,
-    height = 24,
-    fill = Palettes.black[900],
-    ...rest
-  } = props;
-
-  return (
-    <Svg
-      width={width}
-      height={height}
-      viewBox="0 0 24 24"
-      fill="none"
-      // xmlns="http://www.w3.org/2000/svg"
-      {...rest}
-    >
-      <Path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M11.438 21.748c.242.166.656.248 1.062.252.406-.004.82-.086 1.063-.252C17.813 18.85 21 14.023 21 10.663 21 5.402 16.962 2 12.5 2 8.037 2 4 5.402 4 10.663c0 3.36 3.188 8.187 7.438 11.085zM12.467 13c1.644 0 2.976-1.343 2.976-3s-1.332-3-2.975-3-2.975 1.343-2.975 3 1.332 3 2.975 3z"
-        fill={fill}
-      />
-    </Svg>
-  );
-};
+import * as React from 'react';
+import Svg, { Path } from 'react-native-svg';
+import { Palettes } from '../../themes';
+
+import type { IconProps } from '../../types';
+
+export const IconMyLocation = (props: IconProps) => {
+  const {
+    width = 24,
+    height = 24,
+    fill = Palettes.black[900],
+    ...rest
+  } = props;
+
+  return (
+    <Svg
+      width={width}
+      height={height}
+      viewBox="0 0 24 24"
+      fill="none"
+      // xmlns="http://www.w3.org/2000/svg"
+      {...rest}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M11.438 21.748c.242.166.656.248 1.062.252.406-.004.82-.086 1.063-.252C17.813 18.85 21 14.023 21 10.663 21 5.402 16.962 2 12.5 2 8.037 2 4 5.402 4 10.663c0 3.36 3.188 8.187 7.438 11.085zM12.467 13c1.644 0 2.976-1.343 2.976-3s-1.332-3-2.975-3-2.975 1.343-2.975 3 1.332 3 2.975 3z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};

package/src/icons/misc/IconOfficial.tsx

@@ -1,34 +1,34 @@
-import * as React from 'react';
-import Svg, { Path } from 'react-native-svg';
-import { Palettes } from '../../themes';
-
-import type { IconProps } from '../../types';
-
-export const IconOfficial = (props: IconProps) => {
-  const {
-    width = 24,
-    height = 24,
-    fill = Palettes.black[900],
-    ...rest
-  } = props;
-
-  return (
-    <Svg
-      width={width}
-      height={height}
-      viewBox="0 0 24 24"
-      fill="none"
-      // xmlns="http://www.w3.org/2000/svg"
-      {...rest}
-    >
-      <Path
-        d="M11.3 1.685a1 1 0 011.4 0l2.254 2.208a1 1 0 00.69.286l3.155.033a1 1 0 01.99.99l.032 3.155a1 1 0 00.286.689l2.208 2.254a1 1 0 010 1.4l-2.208 2.254a1 1 0 00-.286.69l-.033 3.155a1 1 0 01-.99.99l-3.155.032a1 1 0 00-.689.286L12.7 22.315a1 1 0 01-1.4 0l-2.254-2.208a1 1 0 00-.69-.286l-3.155-.033a1 1 0 01-.99-.99l-.032-3.155a1 1 0 00-.286-.689L1.685 12.7a1 1 0 010-1.4l2.208-2.254a1 1 0 00.286-.69l.033-3.155a1 1 0 01.99-.99l3.155-.032a1 1 0 00.689-.286L11.3 1.685z"
-        fill={fill}
-      />
-      <Path
-        d="M10.542 13.734l-1.58-1.556a.451.451 0 10-.634.644L10.542 15l5.132-5.048a.45.45 0 00-.63-.642l-4.502 4.424z"
-        fill="#fff"
-      />
-    </Svg>
-  );
-};
+import * as React from 'react';
+import Svg, { Path } from 'react-native-svg';
+import { Palettes } from '../../themes';
+
+import type { IconProps } from '../../types';
+
+export const IconOfficial = (props: IconProps) => {
+  const {
+    width = 24,
+    height = 24,
+    fill = Palettes.black[900],
+    ...rest
+  } = props;
+
+  return (
+    <Svg
+      width={width}
+      height={height}
+      viewBox="0 0 24 24"
+      fill="none"
+      // xmlns="http://www.w3.org/2000/svg"
+      {...rest}
+    >
+      <Path
+        d="M11.3 1.685a1 1 0 011.4 0l2.254 2.208a1 1 0 00.69.286l3.155.033a1 1 0 01.99.99l.032 3.155a1 1 0 00.286.689l2.208 2.254a1 1 0 010 1.4l-2.208 2.254a1 1 0 00-.286.69l-.033 3.155a1 1 0 01-.99.99l-3.155.032a1 1 0 00-.689.286L12.7 22.315a1 1 0 01-1.4 0l-2.254-2.208a1 1 0 00-.69-.286l-3.155-.033a1 1 0 01-.99-.99l-.032-3.155a1 1 0 00-.286-.689L1.685 12.7a1 1 0 010-1.4l2.208-2.254a1 1 0 00.286-.69l.033-3.155a1 1 0 01.99-.99l3.155-.032a1 1 0 00.689-.286L11.3 1.685z"
+        fill={fill}
+      />
+      <Path
+        d="M10.542 13.734l-1.58-1.556a.451.451 0 10-.634.644L10.542 15l5.132-5.048a.45.45 0 00-.63-.642l-4.502 4.424z"
+        fill="#fff"
+      />
+    </Svg>
+  );
+};

package/src/icons/misc/IconPromo.tsx

@@ -1,32 +1,32 @@
-import * as React from 'react';
-import Svg, { Path } from 'react-native-svg';
-import { Palettes } from '../../themes';
-
-import type { IconProps } from '../../types';
-
-export const IconPromo = (props: IconProps) => {
-  const {
-    width = 24,
-    height = 24,
-    fill = Palettes.black[900],
-    ...rest
-  } = props;
-
-  return (
-    <Svg
-      width={width}
-      height={height}
-      viewBox="0 0 24 24"
-      fill="none"
-      // xmlns="http://www.w3.org/2000/svg"
-      {...rest}
-    >
-      <Path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M17.513 2.002l-7.277.22a4.36 4.36 0 00-2.95 1.273l-4.01 4.01a4.356 4.356 0 000 6.161l7.057 7.058a4.357 4.357 0 006.161 0l4.01-4.01a4.355 4.355 0 001.275-2.95l.219-7.277a4.356 4.356 0 00-4.485-4.485zm.05 1.666a2.69 2.69 0 012.77 2.77l-.22 7.277a2.689 2.689 0 01-.787 1.82l-4.01 4.01a2.69 2.69 0 01-3.804 0l-7.057-7.058a2.689 2.689 0 010-3.803l4.01-4.01a2.692 2.692 0 011.822-.787l7.276-.22zm-4.141 3.241a2.595 2.595 0 103.782.12l-.113-.12a2.595 2.595 0 00-3.67 0zm2.491 1.179a.927.927 0 11-.081-.072l.081.072z"
-        fill={fill}
-      />
-    </Svg>
-  );
-};
+import * as React from 'react';
+import Svg, { Path } from 'react-native-svg';
+import { Palettes } from '../../themes';
+
+import type { IconProps } from '../../types';
+
+export const IconPromo = (props: IconProps) => {
+  const {
+    width = 24,
+    height = 24,
+    fill = Palettes.black[900],
+    ...rest
+  } = props;
+
+  return (
+    <Svg
+      width={width}
+      height={height}
+      viewBox="0 0 24 24"
+      fill="none"
+      // xmlns="http://www.w3.org/2000/svg"
+      {...rest}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M17.513 2.002l-7.277.22a4.36 4.36 0 00-2.95 1.273l-4.01 4.01a4.356 4.356 0 000 6.161l7.057 7.058a4.357 4.357 0 006.161 0l4.01-4.01a4.355 4.355 0 001.275-2.95l.219-7.277a4.356 4.356 0 00-4.485-4.485zm.05 1.666a2.69 2.69 0 012.77 2.77l-.22 7.277a2.689 2.689 0 01-.787 1.82l-4.01 4.01a2.69 2.69 0 01-3.804 0l-7.057-7.058a2.689 2.689 0 010-3.803l4.01-4.01a2.692 2.692 0 011.822-.787l7.276-.22zm-4.141 3.241a2.595 2.595 0 103.782.12l-.113-.12a2.595 2.595 0 00-3.67 0zm2.491 1.179a.927.927 0 11-.081-.072l.081.072z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};

package/src/icons/misc/IconProtection.tsx

@@ -1,39 +1,39 @@
-import * as React from 'react';
-import Svg, { ClipPath, Defs, G, Path } from 'react-native-svg';
-import { Palettes } from '../../themes';
-
-import type { IconProps } from '../../types';
-
-export const IconProtection = (props: IconProps) => {
-  const {
-    width = 24,
-    height = 24,
-    fill = Palettes.black[900],
-    ...rest
-  } = props;
-
-  return (
-    <Svg
-      width={width}
-      height={height}
-      viewBox="0 0 24 24"
-      fill="none"
-      // xmlns="http://www.w3.org/2000/svg"
-      {...rest}
-    >
-      <G clipPath="url(#clip0_3_2933)" fill={fill}>
-        <Path d="M12.812 2.158a2.16 2.16 0 00-1.624 0l-7 2.861C3.465 5.314 3 5.973 3 6.699v4.322c0 4.946 3.608 9.581 8.528 10.916.308.084.636.084.944 0C17.392 20.602 21 15.967 21 11.021V6.699c0-.726-.465-1.385-1.188-1.68l-7-2.86zM19 11.021c0 3.952-2.695 7.614-6.417 8.944-.375.133-.79.133-1.166 0C7.695 18.635 5 14.973 5 11.02V7.297c0-.363.233-.692.594-.84l6-2.451a1.08 1.08 0 01.812 0l6 2.45c.361.148.594.478.594.841v3.724z" />
-        <Path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M15.486 8.126a1 1 0 01.388 1.36l-3.333 6a1 1 0 01-1.52.278l-2.666-2.25a1 1 0 011.29-1.528l1.738 1.466 2.743-4.938a1 1 0 011.36-.388z"
-        />
-      </G>
-      <Defs>
-        <ClipPath id="clip0_3_2933">
-          <Path fill="#fff" d="M0 0H24V24H0z" />
-        </ClipPath>
-      </Defs>
-    </Svg>
-  );
-};
+import * as React from 'react';
+import Svg, { ClipPath, Defs, G, Path } from 'react-native-svg';
+import { Palettes } from '../../themes';
+
+import type { IconProps } from '../../types';
+
+export const IconProtection = (props: IconProps) => {
+  const {
+    width = 24,
+    height = 24,
+    fill = Palettes.black[900],
+    ...rest
+  } = props;
+
+  return (
+    <Svg
+      width={width}
+      height={height}
+      viewBox="0 0 24 24"
+      fill="none"
+      // xmlns="http://www.w3.org/2000/svg"
+      {...rest}
+    >
+      <G clipPath="url(#clip0_3_2933)" fill={fill}>
+        <Path d="M12.812 2.158a2.16 2.16 0 00-1.624 0l-7 2.861C3.465 5.314 3 5.973 3 6.699v4.322c0 4.946 3.608 9.581 8.528 10.916.308.084.636.084.944 0C17.392 20.602 21 15.967 21 11.021V6.699c0-.726-.465-1.385-1.188-1.68l-7-2.86zM19 11.021c0 3.952-2.695 7.614-6.417 8.944-.375.133-.79.133-1.166 0C7.695 18.635 5 14.973 5 11.02V7.297c0-.363.233-.692.594-.84l6-2.451a1.08 1.08 0 01.812 0l6 2.45c.361.148.594.478.594.841v3.724z" />
+        <Path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M15.486 8.126a1 1 0 01.388 1.36l-3.333 6a1 1 0 01-1.52.278l-2.666-2.25a1 1 0 011.29-1.528l1.738 1.466 2.743-4.938a1 1 0 011.36-.388z"
+        />
+      </G>
+      <Defs>
+        <ClipPath id="clip0_3_2933">
+          <Path fill="#fff" d="M0 0H24V24H0z" />
+        </ClipPath>
+      </Defs>
+    </Svg>
+  );
+};