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

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(#14-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="14-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 };

package/src/components/native/Body.tsx

@@ -0,0 +1,51 @@
+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 Body = (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 6.37501C11.5946 6.37501 11.1782 6.24672 10.824 6.00635C10.4698 5.76599 10.1937 5.42434 10.0306 5.02463C9.86762 4.62491 9.82497 4.18508 9.90808 3.76075C9.99119 3.33641 10.1963 2.94663 10.4976 2.64071C10.7988 2.33478 11.1826 2.12644 11.6004 2.04203C12.0183 1.95763 12.4513 2.00095 12.8449 2.16651C13.2385 2.33208 13.5749 2.61246 13.8116 2.97219C14.0483 3.33193 14.1746 3.75486 14.1746 4.18751C14.174 4.76748 13.9468 5.32352 13.543 5.73362C13.1392 6.14372 12.5917 6.37439 12.0206 6.37501Z"
+        stroke={color}
+      />
+      <Path
+        d="M18.7902 6.40621L18.7729 6.41089L18.7567 6.41597C18.7183 6.42691 18.6798 6.43863 18.6413 6.45074C17.9255 6.66402 14.4515 7.65855 12.0041 7.65855C9.72975 7.65855 6.56998 6.79918 5.55917 6.50738C5.45856 6.46789 5.35582 6.43424 5.25146 6.4066C4.52065 6.21128 4.02063 6.96519 4.02063 7.65426C4.02063 8.33668 4.62451 8.66168 5.23415 8.89489V8.90582L8.89663 10.0675C9.27088 10.2132 9.37089 10.3621 9.41974 10.491C9.57859 10.9047 9.45166 11.7238 9.40666 12.0097L9.18357 13.7676L7.94543 20.65C7.94159 20.6687 7.93813 20.6879 7.93505 20.7074L7.9262 20.757C7.83697 21.3879 8.29314 22 9.15703 22C9.91091 22 10.2436 21.4715 10.3879 20.7523C10.5321 20.0332 11.4648 14.5972 12.0033 14.5972C12.5418 14.5972 13.6511 20.7523 13.6511 20.7523C13.7953 21.4715 14.128 22 14.8819 22C15.7481 22 16.2043 21.3852 16.1128 20.7523C16.1049 20.6991 16.0951 20.6462 16.0835 20.5937L14.8285 13.7683L14.6058 12.0105C14.4446 10.9867 14.5742 10.6484 14.6181 10.5691C14.6192 10.5672 14.6203 10.5653 14.6211 10.5632C14.6627 10.4851 14.8519 10.3101 15.2935 10.1418L18.7275 8.92262C18.7486 8.91691 18.7694 8.91013 18.7898 8.90231C19.4052 8.66793 20.0206 8.34371 20.0206 7.65504C20.0206 6.96636 19.521 6.21128 18.7902 6.40621Z"
+        stroke={color}
+      />
+    </Svg>
+  );
+};
+Body.displayName = "Body";
+const ForwardRef = forwardRef(Body);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Body };

package/src/components/native/Book.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 Book = (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.0237 19.8773V5.84628M12.0206 19.8773C10.9983 18.9865 9.73522 18.4181 8.39052 18.2435C7.04582 18.0689 5.67956 18.2961 4.46364 18.8963C4.31435 18.9754 4.14717 19.0147 3.97829 19.0103C3.80941 19.006 3.64456 18.9581 3.49953 18.8714C3.3545 18.7848 3.23428 18.6623 3.15041 18.5157C3.06653 18.3691 3.0218 18.2032 3.02065 18.0343V6.72128C3.01943 6.42097 3.087 6.1243 3.21803 5.85409C3.34907 5.58388 3.54007 5.34744 3.77663 5.16244C5.61943 3.95579 9.89563 3.5266 12.0206 5.7642C13.7394 4.05235 17.5519 3.40841 20.2647 5.16244C20.5011 5.34759 20.692 5.58416 20.823 5.85433C20.954 6.12451 21.0216 6.42101 21.0206 6.72128V18.0343C21.0193 18.2032 20.9745 18.3691 20.8905 18.5157C20.8065 18.6623 20.6861 18.7848 20.541 18.8714C20.3959 18.958 20.2311 19.0057 20.0621 19.0101C19.8932 19.0145 19.726 18.9753 19.5767 18.8963C18.3609 18.2961 16.9948 18.0689 15.6503 18.2435C14.3057 18.4181 13.0428 18.9865 12.0206 19.8773Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+Book.displayName = "Book";
+const ForwardRef = forwardRef(Book);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Book };

package/src/components/native/Brain.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 Brain = (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.0209 3.87453V20.1243M15.0221 16.0016C15.0221 14.8966 15.9179 14.0007 17.023 14.0007M9.01962 7.99825C9.01962 9.10328 8.12382 9.99908 7.01879 9.99908M9.01962 16.0016C9.01962 14.8966 8.12382 14.0007 7.01879 14.0007M15.0221 7.99825C15.0221 9.10328 15.9179 9.99908 17.023 9.99908M12.6501 3.65344C12.2832 3.95036 11.7586 3.95036 11.3916 3.65344C10.5895 3.01337 9.51605 2.82746 8.54545 3.16052C7.57485 3.49358 6.84169 4.29945 6.60161 5.29712C6.51671 5.6853 6.21279 5.98805 5.82429 6.07145C4.68217 6.30326 3.73024 7.08811 3.28496 8.16509C2.83968 9.24207 2.95942 10.47 3.60436 11.4407C3.83676 11.7809 3.83676 12.2289 3.60436 12.5692C2.95942 13.5398 2.83968 14.7678 3.28496 15.8447C3.73024 16.9217 4.68217 17.7066 5.82429 17.9384C6.21279 18.0218 6.51671 18.3245 6.60161 18.7127C6.843 19.7095 7.57668 20.5141 8.54709 20.846C9.5175 21.178 10.5902 20.9915 11.3916 20.3514C11.7586 20.0545 12.2832 20.0545 12.6501 20.3514C13.4529 20.9915 14.5271 21.1767 15.4979 20.8426C16.4687 20.5085 17.2014 19.7013 17.4401 18.7027C17.525 18.3145 17.8289 18.0118 18.2175 17.9284C19.3597 17.6964 20.3117 16.9113 20.7568 15.8341C21.2019 14.7568 21.0818 13.5287 20.4364 12.5581C20.2049 12.2183 20.2049 11.7715 20.4364 11.4317C21.0818 10.4611 21.2019 9.23299 20.7568 8.15576C20.3117 7.07852 19.3597 6.29338 18.2175 6.06144C17.8289 5.97805 17.525 5.6753 17.4401 5.28712C17.1987 4.29031 16.4651 3.48578 15.4946 3.1538C14.5242 2.82182 13.4515 3.00836 12.6501 3.64844V3.65344Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+Brain.displayName = "Brain";
+const ForwardRef = forwardRef(Brain);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Brain };