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

package/src/components/native/FillFamily.tsx

@@ -0,0 +1,103 @@
+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 FillFamily = (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="M18.6929 10.639C19.6871 10.639 20.4929 9.82954 20.4929 8.83101C20.4929 7.83248 19.6871 7.02301 18.6929 7.02301C17.6988 7.02301 16.8929 7.83248 16.8929 8.83101C16.8929 9.82954 17.6988 10.639 18.6929 10.639Z"
+        fill={color}
+      />
+      <Path
+        d="M12 8.028C13.6569 8.028 15 6.67859 15 5.014C15 3.34941 13.6569 2 12 2C10.3431 2 9 3.34941 9 5.014C9 6.67859 10.3431 8.028 12 8.028Z"
+        fill={color}
+      />
+      <Path
+        d="M5.30806 10.639C6.30217 10.639 7.10806 9.82954 7.10806 8.83101C7.10806 7.83248 6.30217 7.02301 5.30806 7.02301C4.31394 7.02301 3.50806 7.83248 3.50806 8.83101C3.50806 9.82954 4.31394 10.639 5.30806 10.639Z"
+        fill={color}
+      />
+      <Path
+        d="M18.999 13.324H19.727C20.3281 13.3224 20.9052 13.5596 21.3314 13.9834C21.7577 14.4072 21.9982 14.9829 22 15.584V20.598H19L18.999 13.324Z"
+        fill={color}
+      />
+      <Path
+        d="M5.001 20.598V13.324H4.273C3.67193 13.3224 3.09482 13.5596 2.66858 13.9834C2.24234 14.4072 2.00185 14.9829 2 15.584V20.598H5.001Z"
+        fill={color}
+      />
+      <Path
+        d="M7.15002 22V14.2C7.15399 13.3601 7.4907 12.5561 8.08637 11.9639C8.68205 11.3718 9.48813 11.04 10.328 11.041H13.672C14.5128 11.04 15.3196 11.3725 15.9154 11.9657C16.5113 12.5589 16.8474 13.3643 16.85 14.205V22.005L7.15002 22Z"
+        fill={color}
+      />
+      <Path
+        d="M18.6929 10.639C19.6871 10.639 20.4929 9.82954 20.4929 8.83101C20.4929 7.83248 19.6871 7.02301 18.6929 7.02301C17.6988 7.02301 16.8929 7.83248 16.8929 8.83101C16.8929 9.82954 17.6988 10.639 18.6929 10.639Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <Path
+        d="M12 8.028C13.6569 8.028 15 6.67859 15 5.014C15 3.34941 13.6569 2 12 2C10.3431 2 9 3.34941 9 5.014C9 6.67859 10.3431 8.028 12 8.028Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <Path
+        d="M5.30806 10.639C6.30217 10.639 7.10806 9.82954 7.10806 8.83101C7.10806 7.83248 6.30217 7.02301 5.30806 7.02301C4.31394 7.02301 3.50806 7.83248 3.50806 8.83101C3.50806 9.82954 4.31394 10.639 5.30806 10.639Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <Path
+        d="M18.999 13.324H19.727C20.3281 13.3224 20.9052 13.5596 21.3314 13.9834C21.7577 14.4072 21.9982 14.9829 22 15.584V20.598H19L18.999 13.324Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <Path
+        d="M5.001 20.598V13.324H4.273C3.67193 13.3224 3.09482 13.5596 2.66858 13.9834C2.24234 14.4072 2.00185 14.9829 2 15.584V20.598H5.001Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <Path
+        d="M7.15002 22V14.2C7.15399 13.3601 7.4907 12.5561 8.08637 11.9639C8.68205 11.3718 9.48813 11.04 10.328 11.041H13.672C14.5128 11.04 15.3196 11.3725 15.9154 11.9657C16.5113 12.5589 16.8474 13.3643 16.85 14.205V22.005L7.15002 22Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+FillFamily.displayName = "FillFamily";
+const ForwardRef = forwardRef(FillFamily);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as FillFamily };

package/src/components/native/FillHandHeart.tsx

@@ -0,0 +1,53 @@
+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 FillHandHeart = (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.56 10.36C13.15 10.77 12.59 11 12 11C11.42 11 10.86 10.77 10.44 10.36L7.81 7.72C6.73 6.64 6.73 4.89 7.81 3.81C8.89 2.73 10.64 2.73 11.72 3.81L12 4.09L12.28 3.81C13.36 2.73 15.11 2.73 16.19 3.81C17.27 4.89 17.27 6.64 16.19 7.72L13.55 10.36H13.56Z"
+        fill={color}
+      />
+      <Path
+        d="M19 15.5V11.5C19 10.67 19.67 10 20.5 10C21.33 10 22 10.67 22 11.5V18.06C22 18.68 21.86 19.29 21.58 19.85L21 21.01M14 21V18.09C14 17.66 14.14 17.24 14.4 16.89L16.08 14.65C16.67 13.86 17.83 13.78 18.53 14.48C19.1 15.05 19.17 15.96 18.68 16.6L17.63 18M5 15.5V11.5C5 10.67 4.33 10 3.5 10C2.67 10 2 10.67 2 11.5V18.06C2 18.68 2.14 19.29 2.42 19.85L3 21.01M10 21V18.09C10 17.66 9.86 17.24 9.6 16.89L7.92 14.65C7.33 13.86 6.17 13.78 5.47 14.48C4.9 15.05 4.83 15.96 5.32 16.6L6.37 18M13.56 10.36C13.15 10.77 12.59 11 12 11C11.42 11 10.86 10.77 10.44 10.36L7.81 7.72C6.73 6.64 6.73 4.89 7.81 3.81C8.89 2.73 10.64 2.73 11.72 3.81L12 4.09L12.28 3.81C13.36 2.73 15.11 2.73 16.19 3.81C17.27 4.89 17.27 6.64 16.19 7.72L13.55 10.36H13.56Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+FillHandHeart.displayName = "FillHandHeart";
+const ForwardRef = forwardRef(FillHandHeart);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as FillHandHeart };

package/src/components/native/FillHeart.tsx

@@ -0,0 +1,50 @@
+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 FillHeart = (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="M16.11 3.0002C19.633 3.0002 22 6.35265 22 9.47951C22 15.8158 12.1774 21 11.9991 21C11.8208 21 2 15.8158 2 9.47951C2 6.35361 4.37079 3.0002 7.90042 3.0002C8.68135 2.99429 9.45389 3.16336 10.1627 3.49532C10.8714 3.82728 11.4989 4.31391 12 4.92028C12.5027 4.31304 13.1319 3.82596 13.8425 3.49399C14.5531 3.16202 15.3274 2.99339 16.11 3.0002Z"
+        fill={color}
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+FillHeart.displayName = "FillHeart";
+const ForwardRef = forwardRef(FillHeart);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as FillHeart };

package/src/components/native/FillHeartCheck.tsx

@@ -0,0 +1,56 @@
+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 FillHeartCheck = (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 5.71118C12.4512 5.16936 13.0172 4.73466 13.6572 4.43872C14.2971 4.14278 14.9949 3.99309 15.7 4.00025C18.874 4.00025 21 6.98013 21 9.75513C21 15.5551 13.778 20.0002 12 20.0002C10.222 20.0002 3 15.5561 3 9.75513C3 6.98113 5.12999 4.00025 8.29999 4.00025C9.00502 3.99309 9.70281 4.14278 10.3428 4.43872C10.9827 4.73466 11.5488 5.16936 12 5.71118Z"
+        fill={color}
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <Path
+        d="M14.8889 10.0557L11.2778 13.667L9.11084 11.5"
+        stroke="#FAFCFC"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+FillHeartCheck.displayName = "FillHeartCheck";
+const ForwardRef = forwardRef(FillHeartCheck);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as FillHeartCheck };

package/src/components/native/FillHome.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 FillHome = (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
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M13.842 3.63208L19.842 8.29907C20.573 8.86743 21 9.74146 21 10.6672V18.0002C21 19.6575 19.657 21.0002 18 21.0002H15V14.0002C15 12.8958 14.1045 12.0002 13 12.0002H11C9.89551 12.0002 9 12.8958 9 14.0002V21.0002H6C4.34302 21.0002 3 19.6575 3 18.0002V10.6672C3 9.74146 3.427 8.86743 4.15796 8.29907L10.158 3.63208C11.2419 2.78931 12.759 2.78931 13.842 3.63208Z"
+        fill={color}
+        stroke={color}
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+FillHome.displayName = "FillHome";
+const ForwardRef = forwardRef(FillHome);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as FillHome };

package/src/components/native/FillMoney.tsx

@@ -0,0 +1,56 @@
+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 FillMoney = (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.0001 22.3991C17.7433 22.3991 22.3991 17.7433 22.3991 12.0001C22.3991 6.25687 17.7433 1.60107 12.0001 1.60107C6.25687 1.60107 1.60107 6.25687 1.60107 12.0001C1.60107 17.7433 6.25687 22.3991 12.0001 22.3991Z"
+        fill={color}
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <Path
+        d="M12 7V8.25M12 16.9999V15.7539M14.487 10C14.457 9.52634 14.2479 9.08187 13.902 8.75684C13.5562 8.4318 13.0997 8.25058 12.625 8.25H11.2551C10.8263 8.24928 10.4122 8.40552 10.0907 8.68921C9.76932 8.97291 9.56284 9.36455 9.5103 9.79004C9.45776 10.2155 9.56282 10.6454 9.80559 10.9988C10.0483 11.3521 10.412 11.6044 10.828 11.708L13.172 12.2959C13.5881 12.3995 13.9517 12.6518 14.1945 13.0051C14.4373 13.3585 14.5423 13.7886 14.4898 14.2141C14.4373 14.6396 14.2308 15.031 13.9093 15.3147C13.5879 15.5984 13.1738 15.7546 12.745 15.7539H11.375C10.8998 15.753 10.4427 15.5714 10.0966 15.2456C9.75055 14.9198 9.54149 14.4744 9.51201 14"
+        stroke="#FAFCFC"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+FillMoney.displayName = "FillMoney";
+const ForwardRef = forwardRef(FillMoney);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as FillMoney };

package/src/components/native/FillNote.tsx

@@ -0,0 +1,56 @@
+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 FillNote = (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="M20.9999 6.56562V13.1863C20.0985 13.1863 18.5 13.1863 16 13.1863C14.7188 13.1863 13.5 13.5 13.1866 15.3125C13.1866 17 13.1866 17.6875 13.1866 21H6.56505C6.09679 21 5.63319 20.9078 5.20059 20.7286C4.76798 20.5494 4.3749 20.2869 4.04384 19.9558C3.71278 19.6247 3.4502 19.2318 3.2711 18.7993C3.092 18.3667 2.99986 17.9031 3 17.4349V6.5646C3 5.61923 3.37564 4.71266 4.04423 4.04418C4.71281 3.37571 5.61953 3 6.56505 3H17.437C18.3823 3.00056 19.2886 3.37657 19.9568 4.04521C20.6249 4.71385 21.0001 5.62044 20.9999 6.56562Z"
+        fill={color}
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <Path
+        d="M13.1624 15.6054C13.1621 15.2844 13.2252 14.9661 13.3479 14.6694C13.4706 14.3728 13.6505 14.1037 13.8775 13.8767C14.1044 13.6497 14.3739 13.4694 14.6705 13.3466C14.9671 13.2238 15.285 13.1608 15.6061 13.1609H20.9999C21.0055 13.7745 20.7725 14.3662 20.3503 14.8116L14.8966 20.2634C14.6703 20.4942 14.4005 20.678 14.1029 20.8042C13.8053 20.9305 13.4856 20.9969 13.1624 20.9992V15.6054Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+FillNote.displayName = "FillNote";
+const ForwardRef = forwardRef(FillNote);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as FillNote };

package/src/components/native/FillPassaport.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 FillPassaport = (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
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M5.84615 3C3.72183 3 2 4.72675 2 6.85714V17.1429C2 19.2732 3.72183 21 5.84615 21H18.1538C20.2782 21 22 19.2732 22 17.1429V6.85714C22 4.72675 20.2782 3 18.1538 3H5.84615ZM9.28831 7.17541C10.8131 5.72345 13.1561 5.72248 14.682 7.17252L14.6934 7.18353L14.7044 7.19454C16.2185 8.72939 16.2418 11.2003 14.685 12.6827C13.1913 14.1051 10.7445 14.2502 9.25551 12.6495C7.8528 11.1416 7.71052 8.67788 9.28831 7.17541ZM8.10256 15.0857C6.28994 15.0857 4.82051 16.5593 4.82051 18.3771C4.82051 18.8316 5.18787 19.2 5.64103 19.2H18.359C18.8121 19.2 19.1795 18.8316 19.1795 18.3771C19.1795 16.5593 17.7101 15.0857 15.8974 15.0857H8.10256Z"
+        fill={color}
+      />
+    </Svg>
+  );
+};
+FillPassaport.displayName = "FillPassaport";
+const ForwardRef = forwardRef(FillPassaport);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as FillPassaport };

package/src/components/native/FillPeople.tsx

@@ -0,0 +1,83 @@
+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 FillPeople = (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="M1.99976 17.9651C1.99976 15.7606 3.78976 13.9751 5.99976 13.9751H9.99976C12.2098 13.9751 13.9998 15.7606 13.9998 17.9651V20H1.99976V17.9651Z"
+        fill={color}
+      />
+      <Path
+        d="M7.99976 10.9825C9.93275 10.9825 11.4998 9.41945 11.4998 7.49127C11.4998 5.5631 9.93275 4 7.99976 4C6.06676 4 4.49976 5.5631 4.49976 7.49127C4.49976 9.41945 6.06676 10.9825 7.99976 10.9825Z"
+        fill={color}
+      />
+      <Path
+        d="M19 12.9776C20.66 12.9776 22 14.3142 22 15.9701V18.2743H16.6C16.82 14.803 14.24 12.9776 14.24 12.9776H19Z"
+        fill={color}
+      />
+      <Path
+        d="M17.4998 9.98504C18.8805 9.98504 19.9998 8.86854 19.9998 7.49127C19.9998 6.114 18.8805 4.99751 17.4998 4.99751C16.119 4.99751 14.9998 6.114 14.9998 7.49127C14.9998 8.86854 16.119 9.98504 17.4998 9.98504Z"
+        fill={color}
+      />
+      <Path
+        d="M1.99976 17.9651C1.99976 15.7606 3.78976 13.9751 5.99976 13.9751H9.99976C12.2098 13.9751 13.9998 15.7606 13.9998 17.9651V20H1.99976V17.9651Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <Path
+        d="M7.99976 10.9825C9.93275 10.9825 11.4998 9.41945 11.4998 7.49127C11.4998 5.5631 9.93275 4 7.99976 4C6.06676 4 4.49976 5.5631 4.49976 7.49127C4.49976 9.41945 6.06676 10.9825 7.99976 10.9825Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <Path
+        d="M19 12.9776C20.66 12.9776 22 14.3142 22 15.9701V18.2743H16.6C16.82 14.803 14.24 12.9776 14.24 12.9776H19Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <Path
+        d="M17.4998 9.98504C18.8805 9.98504 19.9998 8.86854 19.9998 7.49127C19.9998 6.114 18.8805 4.99751 17.4998 4.99751C16.119 4.99751 14.9998 6.114 14.9998 7.49127C14.9998 8.86854 16.119 9.98504 17.4998 9.98504Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+FillPeople.displayName = "FillPeople";
+const ForwardRef = forwardRef(FillPeople);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as FillPeople };

package/src/components/native/FillPeopleCredential.tsx

@@ -0,0 +1,89 @@
+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 FillPeopleCredential = (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="M1.99976 17.9651C1.99976 15.7606 3.78976 13.9751 5.99976 13.9751H9.99976C12.2098 13.9751 13.9998 15.7606 13.9998 17.9651V20H1.99976V17.9651Z"
+        fill={color}
+      />
+      <Path
+        d="M7.99976 10.9825C9.93275 10.9825 11.4998 9.41945 11.4998 7.49127C11.4998 5.5631 9.93275 4 7.99976 4C6.06676 4 4.49976 5.5631 4.49976 7.49127C4.49976 9.41945 6.06676 10.9825 7.99976 10.9825Z"
+        fill={color}
+      />
+      <Path
+        d="M19 12.9776C20.66 12.9776 22 14.3142 22 15.9701V18.2743H16.6C16.82 14.803 14.24 12.9776 14.24 12.9776H19Z"
+        fill={color}
+      />
+      <Path
+        d="M17.4998 9.98504C18.8805 9.98504 19.9998 8.86854 19.9998 7.49127C19.9998 6.114 18.8805 4.99751 17.4998 4.99751C16.119 4.99751 14.9998 6.114 14.9998 7.49127C14.9998 8.86854 16.119 9.98504 17.4998 9.98504Z"
+        fill={color}
+      />
+      <Path
+        d="M1.99976 17.9651C1.99976 15.7606 3.78976 13.9751 5.99976 13.9751H9.99976C12.2098 13.9751 13.9998 15.7606 13.9998 17.9651V20H1.99976V17.9651Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <Path
+        d="M7.99976 10.9825C9.93275 10.9825 11.4998 9.41945 11.4998 7.49127C11.4998 5.5631 9.93275 4 7.99976 4C6.06676 4 4.49976 5.5631 4.49976 7.49127C4.49976 9.41945 6.06676 10.9825 7.99976 10.9825Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <Path
+        d="M19 12.9776C20.66 12.9776 22 14.3142 22 15.9701V18.2743H16.6C16.82 14.803 14.24 12.9776 14.24 12.9776H19Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <Path
+        d="M17.4998 9.98504C18.8805 9.98504 19.9998 8.86854 19.9998 7.49127C19.9998 6.114 18.8805 4.99751 17.4998 4.99751C16.119 4.99751 14.9998 6.114 14.9998 7.49127C14.9998 8.86854 16.119 9.98504 17.4998 9.98504Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <Path
+        d="M9.59937 17.3667H11.2794"
+        stroke="#FAFCFC"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+FillPeopleCredential.displayName = "FillPeopleCredential";
+const ForwardRef = forwardRef(FillPeopleCredential);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as FillPeopleCredential };