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

package/src/components/native/Person.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 Person = (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
+        d="M5.02051 20C5.02051 19.416 5.13553 18.8379 5.35901 18.2983C5.58249 17.7588 5.91006 17.2684 6.323 16.8555C6.73594 16.4425 7.22609 16.1151 7.76562 15.8916C8.30516 15.6681 8.88342 15.5532 9.46741 15.5532H14.5735C15.1575 15.5532 15.7357 15.6681 16.2753 15.8916C16.8148 16.1151 17.3051 16.4425 17.718 16.8555C18.131 17.2684 18.4585 17.7588 18.682 18.2983C18.9055 18.8379 19.0205 19.416 19.0205 20M16.2705 8.25C16.2705 10.5972 14.3677 12.5 12.0205 12.5C9.6733 12.5 7.77051 10.5972 7.77051 8.25C7.77051 5.90279 9.6733 4 12.0205 4C14.3677 4 16.2705 5.90279 16.2705 8.25Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+Person.displayName = "Person";
+const ForwardRef = forwardRef(Person);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Person };

package/src/components/native/PersonAdd.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 PersonAdd = (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
+        d="M4.02112 19.75C4.02112 18.5565 4.4952 17.4123 5.33911 16.5684C6.18303 15.7244 7.32764 15.25 8.52112 15.25H11.1051M17.5201 20.25V15.25M15.0201 17.75H20.0201M16.2701 8C16.2701 10.3472 14.3674 12.25 12.0201 12.25C9.67293 12.25 7.77014 10.3472 7.77014 8C7.77014 5.65279 9.67293 3.75 12.0201 3.75C14.3674 3.75 16.2701 5.65279 16.2701 8Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+PersonAdd.displayName = "PersonAdd";
+const ForwardRef = forwardRef(PersonAdd);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as PersonAdd };

package/src/components/native/PersonArrowLeft.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 PersonArrowLeft = (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
+        d="M7.52063 20C7.52063 19.416 7.63565 18.8379 7.85913 18.2983C8.08261 17.7588 8.41018 17.2684 8.82312 16.8555C9.23606 16.4425 9.72621 16.1151 10.2657 15.8916C10.8053 15.6681 11.3835 15.5532 11.9675 15.5532H17.0736C17.6576 15.5532 18.2359 15.6681 18.7754 15.8916C19.3149 16.1151 19.8052 16.4425 20.2181 16.8555C20.6311 17.2684 20.9586 17.7588 21.1821 18.2983C21.4056 18.8379 21.5206 19.416 21.5206 20M7.52063 12H2.52063M2.52063 12L4.52063 10M2.52063 12L4.52063 14M18.7706 8.25C18.7706 10.5972 16.8678 12.5 14.5206 12.5C12.1734 12.5 10.2706 10.5972 10.2706 8.25C10.2706 5.90279 12.1734 4 14.5206 4C16.8678 4 18.7706 5.90279 18.7706 8.25Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+PersonArrowLeft.displayName = "PersonArrowLeft";
+const ForwardRef = forwardRef(PersonArrowLeft);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as PersonArrowLeft };

package/src/components/native/PersonArrowRight.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 PersonArrowRight = (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
+        d="M7.52063 19.9058C7.52063 18.7263 7.98915 17.5952 8.82312 16.7612C9.65709 15.9273 10.7882 15.459 11.9677 15.459H17.0736C18.253 15.459 19.3842 15.9273 20.2181 16.7612C21.0521 17.5952 21.5206 18.7263 21.5206 19.9058M2.52063 11.9058H7.52063M7.52063 11.9058L5.52063 13.9058M7.52063 11.9058L5.52063 9.90576M18.7207 8.29375C18.7207 10.6133 16.8403 12.4937 14.5207 12.4937C12.2011 12.4937 10.3207 10.6133 10.3207 8.29375C10.3207 5.97415 12.2011 4.09375 14.5207 4.09375C16.8403 4.09375 18.7207 5.97415 18.7207 8.29375Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+PersonArrowRight.displayName = "PersonArrowRight";
+const ForwardRef = forwardRef(PersonArrowRight);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as PersonArrowRight };

package/src/components/native/PersonBlazon.tsx

@@ -0,0 +1,61 @@
+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 PersonBlazon = (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
+        d="M20.0206 11.1998C19.9206 15.6998 16.9206 19.5998 12.5206 20.8998C12.2206 20.9998 11.8206 20.9998 11.5206 20.8998C7.22057 19.6998 4.12057 15.6998 4.02057 11.1998V7.1998C4.02057 6.3998 4.52057 5.6998 5.22057 5.2998L10.1206 3.2998C11.3206 2.7998 12.7206 2.7998 13.9206 3.2998L18.8206 5.2998C19.6206 5.5998 20.0206 6.2998 20.0206 7.1998V11.1998Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <Path
+        d="M12.0206 6.99982C13.2206 6.99982 14.2206 7.99982 14.2206 9.19982C14.2206 10.3998 13.2206 11.3998 12.0206 11.3998C10.8206 11.3998 9.82057 10.3998 9.82057 9.19982C9.82057 7.99982 10.8206 6.99982 12.0206 6.99982Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <Path
+        d="M16.0206 14.9998C15.9206 14.6998 15.7206 14.3998 15.5206 14.1998C15.1206 13.7998 14.6206 13.5998 14.1206 13.5998H10.0206C9.52057 13.5998 9.02057 13.7998 8.62057 14.1998C8.32057 14.3998 8.12057 14.6998 8.02057 14.9998L6.62057 17.8998C7.92057 19.2998 9.52057 20.3998 11.4206 20.8998C11.7206 20.9998 12.1206 20.9998 12.4206 20.8998C14.3206 20.3998 15.9206 19.2998 17.2206 17.8998L16.0206 14.9998Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+PersonBlazon.displayName = "PersonBlazon";
+const ForwardRef = forwardRef(PersonBlazon);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as PersonBlazon };

package/src/components/native/PersonBlock.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 PersonBlock = (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
+        d="M3.52051 19.5C3.52051 18.3065 3.99471 17.1623 4.83862 16.3184C5.68254 15.4744 6.82703 15 8.02051 15H10.6035M15.3992 19.6216C15.8188 20.0411 16.3534 20.3266 16.9353 20.4424C17.5173 20.5581 18.1203 20.499 18.6685 20.272C19.2167 20.0449 19.6853 19.6603 20.0149 19.167C20.3446 18.6736 20.5206 18.0933 20.5206 17.5C20.5206 16.7044 20.2045 15.9415 19.6419 15.3789C19.0793 14.8163 18.3162 14.5 17.5206 14.5C16.9272 14.5 16.3472 14.6762 15.8538 15.0059C15.3605 15.3355 14.9759 15.8039 14.7488 16.3521C14.5218 16.9002 14.4624 17.5035 14.5782 18.0854C14.6939 18.6674 14.9797 19.202 15.3992 19.6216ZM15.3992 19.6216L19.6404 15.3794M15.7705 7.75C15.7705 10.0972 13.8677 12 11.5205 12C9.1733 12 7.27051 10.0972 7.27051 7.75C7.27051 5.40279 9.1733 3.5 11.5205 3.5C13.8677 3.5 15.7705 5.40279 15.7705 7.75Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+PersonBlock.displayName = "PersonBlock";
+const ForwardRef = forwardRef(PersonBlock);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as PersonBlock };

package/src/components/native/PersonChange.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 PersonChange = (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
+        d="M6.59863 2.22852L8.22766 3.85645L6.59863 5.48535M8.22661 3.85652H6.05461C5.19071 3.85678 4.36229 4.20014 3.75151 4.81111C3.14073 5.42207 2.79765 6.25043 2.79765 7.11433M17.3457 21.7714L15.7167 20.1434L17.3457 18.5155M15.7987 20.1434H17.9706C18.8345 20.1434 19.6628 19.8001 20.2736 19.1893C20.8844 18.5784 21.2276 17.7503 21.2276 16.8865M21.2436 13.8036C21.2436 13.032 20.9372 12.2917 20.3916 11.746C19.8461 11.2003 19.1062 10.8937 18.3346 10.8935H15.2776C14.506 10.8937 13.7661 11.2003 13.2206 11.746C12.6751 12.2917 12.3686 13.032 12.3686 13.8036M11.6726 19.9446C11.6726 19.173 11.3662 18.4327 10.8206 17.887C10.2751 17.3413 9.53524 17.0347 8.76363 17.0345H5.70663C4.93502 17.0347 4.19513 17.3413 3.64962 17.887C3.10411 18.4327 2.79763 19.173 2.79763 19.9446M19.3946 6.08828C19.3946 7.51759 18.2359 8.67628 16.8066 8.67628C15.3773 8.67628 14.2186 7.51759 14.2186 6.08828C14.2186 4.65896 15.3773 3.50028 16.8066 3.50028C18.2359 3.50028 19.3946 4.65896 19.3946 6.08828ZM9.82363 12.2293C9.82363 13.6586 8.66495 14.8173 7.23563 14.8173C5.80632 14.8173 4.64763 13.6586 4.64763 12.2293C4.64763 10.8 5.80632 9.64128 7.23563 9.64128C8.66495 9.64128 9.82363 10.8 9.82363 12.2293Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+PersonChange.displayName = "PersonChange";
+const ForwardRef = forwardRef(PersonChange);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as PersonChange };

package/src/components/native/PersonCircle.tsx

@@ -0,0 +1,61 @@
+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 PersonCircle = (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
+        d="M12.0216 21.999C17.5444 21.999 22.0216 17.5219 22.0216 11.999C22.0216 6.47618 17.5444 1.99902 12.0216 1.99902C6.49873 1.99902 2.02158 6.47618 2.02158 11.999C2.02158 17.5219 6.49873 21.999 12.0216 21.999Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <Path
+        d="M12.0215 13.5788C14.1694 13.5788 15.9105 11.8376 15.9105 9.68978C15.9105 7.54195 14.1694 5.80078 12.0215 5.80078C9.8737 5.80078 8.13254 7.54195 8.13254 9.68978C8.13254 11.8376 9.8737 13.5788 12.0215 13.5788Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <Path
+        d="M14.8066 16.4434H9.23654C8.71679 16.4548 8.20605 16.5815 7.74081 16.8135C7.27558 17.0455 6.86745 17.3778 6.54562 17.7861C6.14245 18.3661 5.82987 19.0037 5.61862 19.6777C7.41508 21.1782 9.68138 22 12.0221 22C14.3627 22 16.629 21.1782 18.4255 19.6777C18.1843 18.8743 17.7792 18.1301 17.2356 17.4912C16.5966 16.8341 15.723 16.4567 14.8066 16.4434Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+PersonCircle.displayName = "PersonCircle";
+const ForwardRef = forwardRef(PersonCircle);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as PersonCircle };

package/src/components/native/PersonDoc.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 PersonDoc = (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
+        d="M15.0196 9.5H19.0196M17.4196 13.5H15.0196M12.1146 16.5C11.9399 16.0617 11.6697 15.6685 11.3236 15.3477C10.737 14.8031 9.96607 14.4998 9.16562 14.5H7.87463C7.07418 14.4998 6.30329 14.8031 5.71664 15.3477C5.37057 15.6684 5.10034 16.0617 4.92563 16.5M10.7696 9.75C10.7696 10.9926 9.76226 12 8.51962 12C7.27698 12 6.26962 10.9926 6.26962 9.75C6.26962 8.50736 7.27698 7.5 8.51962 7.5C9.76226 7.5 10.7696 8.50736 10.7696 9.75ZM22.0206 5.5V18.5C22.0206 19.0304 21.8099 19.5391 21.4348 19.9142C21.0598 20.2893 20.5511 20.5 20.0206 20.5H4.02063C3.4902 20.5 2.98149 20.2893 2.60642 19.9142C2.23134 19.5391 2.02063 19.0304 2.02063 18.5V5.541C2.02063 4.99969 2.23566 4.48056 2.61843 4.0978C3.00119 3.71503 3.52032 3.5 4.06163 3.5H20.0206C20.5511 3.5 21.0598 3.71071 21.4348 4.08579C21.8099 4.46086 22.0206 4.96957 22.0206 5.5Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+PersonDoc.displayName = "PersonDoc";
+const ForwardRef = forwardRef(PersonDoc);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as PersonDoc };

package/src/components/native/PersonFrame.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 PersonFrame = (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
+        d="M18.0216 15.4346C17.8913 15.1054 17.6887 14.8095 17.4286 14.5693C16.9902 14.1613 16.4135 13.9346 15.8146 13.9346H11.2306C10.6314 13.9346 10.0544 14.1613 9.61557 14.5693C9.35584 14.81 9.15294 15.1057 9.02158 15.4346M18.0216 18V19.333C18.0217 19.5519 17.9787 19.7685 17.8951 19.9707C17.8114 20.1729 17.6887 20.3569 17.534 20.5117C17.3793 20.6665 17.1955 20.7893 16.9933 20.873C16.7912 20.9568 16.5745 21 16.3556 21H4.68756C4.24545 21 3.82144 20.8243 3.50882 20.5117C3.1962 20.1991 3.02057 19.7751 3.02057 19.333V7.66699C3.02057 7.22488 3.1962 6.8009 3.50882 6.48828C3.82144 6.17566 4.24545 6 4.68756 6H6.02158M19.3546 18H7.68756C7.24545 18 6.82144 17.8243 6.50882 17.5117C6.1962 17.1991 6.02057 16.7751 6.02057 16.333V4.66699C6.02057 4.22488 6.1962 3.8009 6.50882 3.48828C6.82144 3.17566 7.24545 3 7.68756 3H19.3546C19.5735 3 19.7902 3.04317 19.9924 3.12695C20.1946 3.21074 20.3782 3.33347 20.533 3.48828C20.6877 3.64309 20.8104 3.82705 20.894 4.0293C20.9777 4.23154 21.0207 4.44813 21.0206 4.66699V16.333C21.0207 16.5519 20.9777 16.7685 20.894 16.9707C20.8104 17.1729 20.6877 17.3569 20.533 17.5117C20.3782 17.6665 20.1946 17.7893 19.9924 17.873C19.7902 17.9568 19.5735 18 19.3546 18ZM15.2886 7.16602C15.6383 7.51562 15.8765 7.96132 15.973 8.44629C16.0695 8.93126 16.02 9.43377 15.8308 9.89062C15.6416 10.3475 15.3212 10.738 14.9101 11.0127C14.499 11.2874 14.0156 11.4346 13.5211 11.4346C13.0266 11.4346 12.5432 11.2874 12.1321 11.0127C11.7209 10.738 11.4005 10.3475 11.2113 9.89062C11.0221 9.43377 10.9726 8.93126 11.0691 8.44629C11.1657 7.96132 11.4039 7.51562 11.7536 7.16602C12.2224 6.69734 12.8582 6.43457 13.5211 6.43457C14.184 6.43457 14.8197 6.69734 15.2886 7.16602Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+PersonFrame.displayName = "PersonFrame";
+const ForwardRef = forwardRef(PersonFrame);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as PersonFrame };

package/src/components/native/PersonInvite.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 PersonInvite = (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
+        d="M6.2645 19C6.26476 18.0304 6.65006 17.1006 7.33563 16.415C8.02121 15.7295 8.95095 15.344 9.9205 15.3438H14.1205C15.0902 15.3437 16.0203 15.7294 16.7061 16.415C17.3918 17.1006 17.7772 18.0303 17.7775 19M15.4725 9.453C15.4725 11.36 13.9265 12.906 12.0195 12.906C10.1125 12.906 8.5665 11.36 8.5665 9.453C8.5665 7.54596 10.1125 6 12.0195 6C13.9265 6 15.4725 7.54596 15.4725 9.453ZM14.0205 19H19.0205C19.5509 19 20.0597 18.7891 20.4347 18.4141C20.8098 18.039 21.0205 17.5304 21.0205 17V5C21.0205 4.46957 20.8098 3.96101 20.4347 3.58594C20.0597 3.21086 19.5509 3 19.0205 3H5.02051C4.49007 3 3.98137 3.21086 3.60629 3.58594C3.23122 3.96101 3.02051 4.46957 3.02051 5V17C3.02051 17.5304 3.23122 18.039 3.60629 18.4141C3.98137 18.7891 4.49007 19 5.02051 19H10.0205L12.0205 21L14.0205 19Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+PersonInvite.displayName = "PersonInvite";
+const ForwardRef = forwardRef(PersonInvite);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as PersonInvite };

package/src/components/native/PersonReturn.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 PersonReturn = (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
+        d="M3.52063 19.5C3.52063 18.3065 3.99459 17.1623 4.8385 16.3184C5.68241 15.4744 6.82716 15 8.02063 15H10.6036M15.5106 16.5L13.5106 18.5L15.5106 20.5M17.5206 14.5H18.5206C19.0511 14.5 19.5596 14.7109 19.9347 15.0859C20.3098 15.461 20.5206 15.9696 20.5206 16.5C20.5206 17.0304 20.3098 17.5395 19.9347 17.9146C19.5596 18.2896 19.0511 18.5 18.5206 18.5H13.5206M15.7706 7.75C15.7706 10.0972 13.8678 12 11.5206 12C9.17342 12 7.27063 10.0972 7.27063 7.75C7.27063 5.40279 9.17342 3.5 11.5206 3.5C13.8678 3.5 15.7706 5.40279 15.7706 7.75Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+PersonReturn.displayName = "PersonReturn";
+const ForwardRef = forwardRef(PersonReturn);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as PersonReturn };

package/src/components/native/PersonSubstract.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 PersonSubstract = (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
+        d="M4.02063 20C4.02063 18.8065 4.49471 17.6623 5.33862 16.8184C6.18254 15.9744 7.32716 15.5 8.52063 15.5H11.1046M15.0197 18H20.0197M16.2697 8.25C16.2697 10.5972 14.3669 12.5 12.0197 12.5C9.67244 12.5 7.76965 10.5972 7.76965 8.25C7.76965 5.90279 9.67244 4 12.0197 4C14.3669 4 16.2697 5.90279 16.2697 8.25Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+PersonSubstract.displayName = "PersonSubstract";
+const ForwardRef = forwardRef(PersonSubstract);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as PersonSubstract };