@kivid/icons 1.0.0-alpha.10 → 1.0.0-alpha.14

package/src/components/native/ArrowLeft.tsx

@@ -0,0 +1,49 @@
+import * as React from "react";
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef, memo } from "react";
+import { cssInterop } from "nativewind";
+interface Props extends SvgProps {
+  size?: number;
+  color?: string;
+}
+const ArrowLeft = (props: Props, ref: React.Ref<Svg>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <Svg
+      viewBox="0 0 24 24"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <Path
+        d="M10.8491 18.2999L4.54907 11.9999L10.8491 5.69995M5.77806 11.9669H19.4921"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+ArrowLeft.displayName = "ArrowLeft";
+const ForwardRef = forwardRef(ArrowLeft);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as ArrowLeft };

package/src/components/native/ArrowRight.tsx

@@ -0,0 +1,49 @@
+import * as React from "react";
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef, memo } from "react";
+import { cssInterop } from "nativewind";
+interface Props extends SvgProps {
+  size?: number;
+  color?: string;
+}
+const ArrowRight = (props: Props, ref: React.Ref<Svg>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <Svg
+      viewBox="0 0 24 24"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <Path
+        d="M13.1928 5.69995L19.4928 12L13.1928 18.3M18.2628 12.0319H4.54883"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+ArrowRight.displayName = "ArrowRight";
+const ForwardRef = forwardRef(ArrowRight);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as ArrowRight };

package/src/components/native/ArrowRightRect.tsx

@@ -0,0 +1,49 @@
+import * as React from "react";
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef, memo } from "react";
+import { cssInterop } from "nativewind";
+interface Props extends SvgProps {
+  size?: number;
+  color?: string;
+}
+const ArrowRightRect = (props: Props, ref: React.Ref<Svg>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <Svg
+      viewBox="0 0 24 24"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <Path
+        d="M15.3166 11.9915H8.64463M11.9946 8.59545L15.3946 11.9955L11.9946 15.3954M19.1486 18.8224H4.89262C4.5915 18.8224 4.29334 18.7632 4.01514 18.6479C3.73694 18.5327 3.48416 18.3638 3.27124 18.1509C3.05832 17.938 2.8894 17.6852 2.77417 17.407C2.65894 17.1288 2.59962 16.8306 2.59962 16.5295V7.47046C2.59962 7.16934 2.65894 6.87116 2.77417 6.59296C2.8894 6.31476 3.05832 6.06198 3.27124 5.84906C3.48416 5.63614 3.73694 5.46722 4.01514 5.35199C4.29334 5.23676 4.5915 5.17749 4.89262 5.17749H19.1486C19.7568 5.17749 20.34 5.41904 20.77 5.84906C21.2 6.27908 21.4416 6.86232 21.4416 7.47046V16.5295C21.4416 17.1376 21.2 17.7209 20.77 18.1509C20.34 18.5809 19.7568 18.8224 19.1486 18.8224Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+ArrowRightRect.displayName = "ArrowRightRect";
+const ForwardRef = forwardRef(ArrowRightRect);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as ArrowRightRect };

package/src/components/native/ArrowUp.tsx

@@ -0,0 +1,49 @@
+import * as React from "react";
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef, memo } from "react";
+import { cssInterop } from "nativewind";
+interface Props extends SvgProps {
+  size?: number;
+  color?: string;
+}
+const ArrowUp = (props: Props, ref: React.Ref<Svg>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <Svg
+      viewBox="0 0 24 24"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <Path
+        d="M5.72064 10.8276L12.0206 4.52759L18.3206 10.8276M12.0546 5.75857V19.4726"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+ArrowUp.displayName = "ArrowUp";
+const ForwardRef = forwardRef(ArrowUp);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as ArrowUp };

package/src/components/native/ArrowsScroll.tsx

@@ -0,0 +1,49 @@
+import * as React from "react";
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef, memo } from "react";
+import { cssInterop } from "nativewind";
+interface Props extends SvgProps {
+  size?: number;
+  color?: string;
+}
+const ArrowsScroll = (props: Props, ref: React.Ref<Svg>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <Svg
+      viewBox="0 0 24 24"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <Path
+        d="M12.0206 6V18M12.0206 6L8.02063 9M12.0206 6L16.0206 9M12.0206 18L16.0206 14.9985M12.0206 18L8.02063 14.9985"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+ArrowsScroll.displayName = "ArrowsScroll";
+const ForwardRef = forwardRef(ArrowsScroll);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as ArrowsScroll };

package/src/components/native/Assistent.tsx

@@ -0,0 +1,49 @@
+import * as React from "react";
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef, memo } from "react";
+import { cssInterop } from "nativewind";
+interface Props extends SvgProps {
+  size?: number;
+  color?: string;
+}
+const Assistent = (props: Props, ref: React.Ref<Svg>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <Svg
+      viewBox="0 0 24 24"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <Path
+        d="M12.0202 8V14M14.7897 9.5V12.5M17.5589 10.25V11.7506M9.25114 12.5V9.5M6.48228 11.7506V10.25M9.20857 18L11.1206 20.55C11.5706 21.15 12.4706 21.15 12.9206 20.55L14.8326 18H18.0206C19.6776 18 21.0206 16.657 21.0206 15V7C21.0206 5.343 19.6776 4 18.0206 4H6.02057C4.36357 4 3.02057 5.343 3.02057 7V15C3.02057 16.657 4.36357 18 6.02057 18H9.20857Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+Assistent.displayName = "Assistent";
+const ForwardRef = forwardRef(Assistent);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Assistent };

package/src/components/native/Attach.tsx

@@ -0,0 +1,49 @@
+import * as React from "react";
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef, memo } from "react";
+import { cssInterop } from "nativewind";
+interface Props extends SvgProps {
+  size?: number;
+  color?: string;
+}
+const Attach = (props: Props, ref: React.Ref<Svg>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <Svg
+      viewBox="0 0 24 24"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <Path
+        d="M13.9003 8.37573L8.41434 13.8616C8.21768 14.0579 8.06166 14.2912 7.95522 14.5479C7.84877 14.8046 7.79399 15.0798 7.79399 15.3577C7.79399 15.6356 7.84877 15.9108 7.95522 16.1675C8.06166 16.4242 8.21768 16.6574 8.41434 16.8538C8.81114 17.2504 9.34926 17.4731 9.91034 17.4731C10.4714 17.4731 11.0095 17.2504 11.4063 16.8538L18.6373 9.62256C18.9976 9.26236 19.2833 8.8349 19.4783 8.36426C19.6733 7.89361 19.7736 7.38907 19.7736 6.87964C19.7736 6.37021 19.6733 5.86567 19.4783 5.39502C19.2833 4.92437 18.9976 4.49692 18.6373 4.13672C18.2772 3.77651 17.8497 3.49072 17.3791 3.29578C16.9085 3.10083 16.4042 3.00049 15.8948 3.00049C15.3855 3.00049 14.8811 3.10083 14.4106 3.29578C13.94 3.49072 13.5125 3.77651 13.1523 4.13672L5.92033 11.3677C5.39627 11.8916 4.98057 12.5136 4.69695 13.1982C4.41332 13.8829 4.26733 14.6166 4.26733 15.3577C4.26733 16.0987 4.41332 16.8325 4.69695 17.5171C4.98057 18.2017 5.39627 18.8237 5.92033 19.3477C6.97872 20.4056 8.4139 20.9998 9.91034 20.9998C11.4068 20.9998 12.842 20.4056 13.9003 19.3477L18.2883 14.9587"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+Attach.displayName = "Attach";
+const ForwardRef = forwardRef(Attach);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Attach };

package/src/components/native/Baby.tsx

@@ -0,0 +1,49 @@
+import * as React from "react";
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef, memo } from "react";
+import { cssInterop } from "nativewind";
+interface Props extends SvgProps {
+  size?: number;
+  color?: string;
+}
+const Baby = (props: Props, ref: React.Ref<Svg>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <Svg
+      viewBox="0 0 24 24"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <Path
+        d="M13.3542 13.7578C12.5902 14.4247 11.451 14.4247 10.6871 13.7578M8.01687 21.0038H16.0244C18.7858 21.0038 21.0244 18.7653 21.0244 16.0038V7.99634C21.0244 5.23491 18.7858 2.99634 16.0244 2.99634H8.01688C5.25545 2.99634 3.01688 5.23491 3.01688 7.99634V16.0038C3.01688 18.7653 5.25545 21.0038 8.01687 21.0038ZM12.0206 16.9552C14.2738 16.9533 16.2477 15.4451 16.8416 13.2716C17.5139 13.1974 18.0227 12.6294 18.0227 11.9531C18.0227 11.2767 17.5139 10.7087 16.8416 10.6345C16.2487 8.46047 14.2741 6.95224 12.0206 6.95224C9.76718 6.95224 7.79253 8.46047 7.19962 10.6345C6.52737 10.7087 6.01856 11.2767 6.01856 11.9531C6.01856 12.6294 6.52737 13.1974 7.19962 13.2716C7.79357 15.4451 9.76741 16.9533 12.0206 16.9552Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+Baby.displayName = "Baby";
+const ForwardRef = forwardRef(Baby);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Baby };

package/src/components/native/Bag.tsx

@@ -0,0 +1,49 @@
+import * as React from "react";
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef, memo } from "react";
+import { cssInterop } from "nativewind";
+interface Props extends SvgProps {
+  size?: number;
+  color?: string;
+}
+const Bag = (props: Props, ref: React.Ref<Svg>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <Svg
+      viewBox="0 0 24 24"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <Path
+        d="M15.0236 9V5C15.0236 4.20435 14.7075 3.4413 14.1449 2.87869C13.5823 2.31608 12.8192 2 12.0236 2C11.2279 2 10.4649 2.31608 9.90225 2.87869C9.33964 3.4413 9.02359 4.20435 9.02359 5V9M18.0866 7H5.95868C5.70468 6.99943 5.45996 7.09555 5.27423 7.26883C5.08851 7.44211 4.9757 7.67958 4.95868 7.93302L4.15863 19.867C4.1404 20.1406 4.17863 20.4151 4.27094 20.6733C4.36325 20.9315 4.50769 21.168 4.69525 21.368C4.88282 21.5681 5.10952 21.7274 5.36127 21.8361C5.61302 21.9448 5.88441 22.0006 6.15863 22H17.8826C18.1569 22.0006 18.4282 21.9448 18.68 21.8361C18.9317 21.7274 19.1584 21.5681 19.346 21.368C19.5336 21.168 19.678 20.9315 19.7703 20.6733C19.8626 20.4151 19.9009 20.1406 19.8826 19.867L19.0826 7.93302C19.0656 7.68027 18.9534 7.44338 18.7685 7.27021C18.5836 7.09703 18.3399 7.00045 18.0866 7Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+Bag.displayName = "Bag";
+const ForwardRef = forwardRef(Bag);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Bag };

package/src/components/native/Bars.tsx

@@ -0,0 +1,55 @@
+import * as React from "react";
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef, memo } from "react";
+import { cssInterop } from "nativewind";
+interface Props extends SvgProps {
+  size?: number;
+  color?: string;
+}
+const Bars = (props: Props, ref: React.Ref<Svg>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <Svg
+      viewBox="0 0 24 24"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <Path
+        d="M3.02063 5.48531V7.90899C3.02063 9.28159 4.1041 10.3943 5.44063 10.3943H18.6006C19.9372 10.3943 21.0206 9.28159 21.0206 7.90899V5.48531C21.0206 4.11271 19.9372 3 18.6006 3H5.44063C4.1041 3 3.02063 4.11271 3.02063 5.48531Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <Path
+        d="M3.02063 16.091V18.5147C3.02063 19.8873 4.1041 21 5.44063 21H18.6006C19.9372 21 21.0206 19.8873 21.0206 18.5147V16.091C21.0206 14.7184 19.9372 13.6057 18.6006 13.6057H5.44063C4.1041 13.6057 3.02063 14.7184 3.02063 16.091Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+Bars.displayName = "Bars";
+const ForwardRef = forwardRef(Bars);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Bars };

package/src/components/native/Bell.tsx

@@ -0,0 +1,49 @@
+import * as React from "react";
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef, memo } from "react";
+import { cssInterop } from "nativewind";
+interface Props extends SvgProps {
+  size?: number;
+  color?: string;
+}
+const Bell = (props: Props, ref: React.Ref<Svg>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <Svg
+      viewBox="0 0 24 24"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <Path
+        d="M8.9526 18.0071C8.9526 18.8319 9.28026 19.6229 9.8635 20.2062C10.4467 20.7894 11.2378 21.1171 12.0626 21.1171C12.8874 21.1171 13.6785 20.7894 14.2617 20.2062C14.8449 19.6229 15.1726 18.8319 15.1726 18.0071M18.6556 17.9781H5.3876C5.14132 17.9783 4.90068 17.9044 4.69701 17.7659C4.49335 17.6275 4.33611 17.4308 4.24578 17.2017C4.15545 16.9726 4.13622 16.7216 4.19059 16.4814C4.24496 16.2412 4.37041 16.023 4.5506 15.8551L5.0436 15.3961C5.2705 15.1842 5.45141 14.928 5.5751 14.6433C5.69879 14.3586 5.76262 14.0515 5.7626 13.7411V9.14107C5.7626 7.48134 6.42192 5.88959 7.59553 4.71599C8.76913 3.54239 10.3609 2.88306 12.0206 2.88306C13.6803 2.88306 15.2721 3.54239 16.4457 4.71599C17.6193 5.88959 18.2786 7.48134 18.2786 9.14107V13.7411C18.2785 14.0515 18.3423 14.3586 18.466 14.6433C18.5897 14.9281 18.7706 15.1843 18.9976 15.3961L19.4906 15.8551C19.6707 16.0228 19.7961 16.2409 19.8505 16.4809C19.9049 16.7209 19.8859 16.9718 19.7958 17.2008C19.7057 17.4298 19.5488 17.6265 19.3454 17.7651C19.1421 17.9037 18.9017 17.9779 18.6556 17.9781Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+Bell.displayName = "Bell";
+const ForwardRef = forwardRef(Bell);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Bell };

package/src/components/native/Biometry.tsx

@@ -0,0 +1,61 @@
+import * as React from "react";
+import Svg, { G, Path, Defs, ClipPath, Rect } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef, memo } from "react";
+import { cssInterop } from "nativewind";
+interface Props extends SvgProps {
+  size?: number;
+  color?: string;
+}
+const Biometry = (props: Props, ref: React.Ref<Svg>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <Svg
+      viewBox="0 0 24 24"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <G clipPath="url(#11-clip0_912_3073)">
+        <Path
+          d="M8.19051 21.0561C6.77574 19.0421 6.01784 16.6403 6.02051 14.1791C5.99734 13.3769 6.13534 12.5782 6.42632 11.8303C6.7173 11.0824 7.15536 10.4005 7.71457 9.82491C8.27378 9.24932 8.94278 8.79176 9.68196 8.47931C10.4211 8.16687 11.2155 8.00588 12.018 8.00588C12.8205 8.00588 13.6149 8.16687 14.3541 8.47931C15.0932 8.79176 15.7622 9.24932 16.3214 9.82491C16.8807 10.4005 17.3187 11.0824 17.6097 11.8303C17.9007 12.5782 18.0387 13.3769 18.0155 14.1791M18.3415 20.1631C18.2335 20.1691 18.1275 20.1791 18.0185 20.1791C16.4272 20.1791 14.9011 19.5469 13.7759 18.4217C12.6506 17.2965 12.0185 15.7704 12.0185 14.1791M13.2675 21.8211C11.9681 21.0136 10.8961 19.8881 10.153 18.5508C9.40981 17.2136 9.02004 15.7089 9.02051 14.1791C9.02051 13.3834 9.33658 12.6204 9.89919 12.0577C10.4618 11.4951 11.2249 11.1791 12.0205 11.1791C12.8162 11.1791 13.5792 11.4951 14.1418 12.0577C14.7044 12.6204 15.0205 13.3834 15.0205 14.1791C15.0205 14.9747 15.3366 15.7378 15.8992 16.3004C16.4618 16.863 17.2249 17.1791 18.0205 17.1791C18.8162 17.1791 19.5792 16.863 20.1418 16.3004C20.7044 15.7378 21.0205 14.9747 21.0205 14.1791C21.0205 12.9972 20.7877 11.8268 20.3354 10.7349C19.8831 9.64298 19.2202 8.65083 18.3845 7.8151C17.5487 6.97938 16.5566 6.31644 15.4647 5.86415C14.3727 5.41186 13.2024 5.17906 12.0205 5.17906C10.8386 5.17906 9.66829 5.41186 8.57636 5.86415C7.48443 6.31644 6.49227 6.97938 5.65655 7.8151C4.82082 8.65083 4.15788 9.64298 3.70559 10.7349C3.2533 11.8268 3.02051 12.9972 3.02051 14.1791C3.0211 15.2646 3.13912 16.3469 3.37251 17.4071M20.3935 5.97306C19.3483 4.78111 18.0607 3.82604 16.6168 3.17174C15.1728 2.51743 13.6058 2.17896 12.0205 2.17896C10.4352 2.17896 8.86821 2.51743 7.42425 3.17174C5.98029 3.82604 4.69268 4.78111 3.64751 5.97306"
+          stroke={color}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+      </G>
+      <Defs>
+        <ClipPath id="11-clip0_912_3073">
+          <Rect
+            width={24}
+            height={24}
+            fill="white"
+            transform="translate(0.0205078)"
+          />
+        </ClipPath>
+      </Defs>
+    </Svg>
+  );
+};
+Biometry.displayName = "Biometry";
+const ForwardRef = forwardRef(Biometry);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Biometry };

package/src/components/native/Block.tsx

@@ -0,0 +1,49 @@
+import * as React from "react";
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef, memo } from "react";
+import { cssInterop } from "nativewind";
+interface Props extends SvgProps {
+  size?: number;
+  color?: string;
+}
+const Block = (props: Props, ref: React.Ref<Svg>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <Svg
+      viewBox="0 0 25 24"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M12.0206 2.25C6.63542 2.25 2.27063 6.61479 2.27063 12C2.27063 17.3852 6.63542 21.75 12.0206 21.75C17.4058 21.75 21.7706 17.3852 21.7706 12C21.7706 6.61479 17.4058 2.25 12.0206 2.25ZM3.77063 12C3.77063 7.44321 7.46384 3.75 12.0206 3.75C14.0289 3.75 15.8694 4.46733 17.2999 5.65976L5.68039 17.2793C4.48796 15.8487 3.77063 14.0082 3.77063 12ZM6.74103 18.34C8.17163 19.5326 10.0123 20.25 12.0206 20.25C16.5774 20.25 20.2706 16.5568 20.2706 12C20.2706 9.99162 19.5532 8.151 18.3606 6.7204L6.74103 18.34Z"
+        fill={color}
+      />
+    </Svg>
+  );
+};
+Block.displayName = "Block";
+const ForwardRef = forwardRef(Block);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Block };