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

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 };

package/src/components/native/FillPersonBlazon.tsx

@@ -0,0 +1,63 @@
+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 FillPersonBlazon = (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 11.2C19.9 15.7 16.9 19.6 12.5 20.9C12.2 21 11.8 21 11.5 20.9C7.2 19.7 4.1 15.7 4 11.2V7.20005C4 6.40005 4.5 5.70005 5.2 5.30005L10.1 3.30005C11.3 2.80005 12.7 2.80005 13.9 3.30005L18.8 5.30005C19.6 5.60005 20 6.30005 20 7.20005V11.2Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <Path
+        d="M12 7C13.2 7 14.2 8 14.2 9.2C14.2 10.4 13.2 11.4 12 11.4C10.8 11.4 9.80005 10.4 9.80005 9.2C9.80005 8 10.8 7 12 7Z"
+        fill={color}
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <Path
+        d="M16.0001 15.0001C15.9001 14.7001 15.7001 14.4001 15.5001 14.2001C15.1001 13.8001 14.6001 13.6001 14.1001 13.6001H10.0001C9.5001 13.6001 9.0001 13.8001 8.6001 14.2001C8.3001 14.4001 8.1001 14.7001 8.0001 15.0001L6.6001 17.9001C7.9001 19.3001 9.5001 20.4001 11.4001 20.9001C11.7001 21.0001 12.1001 21.0001 12.4001 20.9001C14.3001 20.4001 15.9001 19.3001 17.2001 17.9001L16.0001 15.0001Z"
+        fill={color}
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+FillPersonBlazon.displayName = "FillPersonBlazon";
+const ForwardRef = forwardRef(FillPersonBlazon);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as FillPersonBlazon };

package/src/components/native/FillPersonCircle.tsx

@@ -0,0 +1,69 @@
+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 FillPersonCircle = (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.001 21.9993C17.5238 21.9993 22.001 17.5221 22.001 11.9993C22.001 6.47642 17.5238 1.99927 12.001 1.99927C6.47813 1.99927 2.00098 6.47642 2.00098 11.9993C2.00098 17.5221 6.47813 21.9993 12.001 21.9993Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <Path
+        d="M12.0008 13.579C14.1487 13.579 15.8898 11.8379 15.8898 9.69003C15.8898 7.54219 14.1487 5.80103 12.0008 5.80103C9.85298 5.80103 8.11182 7.54219 8.11182 9.69003C8.11182 11.8379 9.85298 13.579 12.0008 13.579Z"
+        fill={color}
+      />
+      <Path
+        d="M14.7859 16.4436H9.21582C8.69607 16.455 8.18533 16.5817 7.72009 16.8137C7.25486 17.0457 6.84673 17.3781 6.5249 17.7864C6.12172 18.3664 5.80914 19.0039 5.5979 19.678C7.39436 21.1785 9.66066 22.0002 12.0013 22.0002C14.342 22.0002 16.6083 21.1785 18.4048 19.678C18.1636 18.8745 17.7584 18.1303 17.2148 17.4915C16.5759 16.8344 15.7023 16.4569 14.7859 16.4436Z"
+        fill={color}
+      />
+      <Path
+        d="M12.0008 13.579C14.1487 13.579 15.8898 11.8379 15.8898 9.69003C15.8898 7.54219 14.1487 5.80103 12.0008 5.80103C9.85298 5.80103 8.11182 7.54219 8.11182 9.69003C8.11182 11.8379 9.85298 13.579 12.0008 13.579Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <Path
+        d="M14.7859 16.4436H9.21582C8.69607 16.455 8.18533 16.5817 7.72009 16.8137C7.25486 17.0457 6.84673 17.3781 6.5249 17.7864C6.12172 18.3664 5.80914 19.0039 5.5979 19.678C7.39436 21.1785 9.66066 22.0002 12.0013 22.0002C14.342 22.0002 16.6083 21.1785 18.4048 19.678C18.1636 18.8745 17.7584 18.1303 17.2148 17.4915C16.5759 16.8344 15.7023 16.4569 14.7859 16.4436Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+FillPersonCircle.displayName = "FillPersonCircle";
+const ForwardRef = forwardRef(FillPersonCircle);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as FillPersonCircle };

package/src/components/native/FillPill.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 FillPill = (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.5685 15.5035L17.509 13.563C17.942 13.131 18.531 12.539 18.964 12.107C19.5569 11.6443 20.0448 11.0609 20.3953 10.3955C20.7457 9.73002 20.9508 8.99771 20.9969 8.24703C21.043 7.49635 20.9291 6.74443 20.6627 6.0411C20.3963 5.33776 19.9835 4.69905 19.4517 4.16727C18.9198 3.6355 18.2811 3.22279 17.5777 2.95649C16.8743 2.69019 16.1224 2.57637 15.3717 2.62258C14.621 2.66879 13.8887 2.87397 13.2233 3.22452C12.5579 3.57508 11.9746 4.06302 11.512 4.65601C11.08 5.08701 10.489 5.681 10.057 6.111L8.11651 8.0515M15.5685 15.5035L13.6281 17.444C13.1961 17.875 12.6051 18.468 12.1731 18.899C11.6292 19.4416 11.1179 19.9607 10.453 20.3044C9.78809 20.648 9.05877 20.8491 8.3117 20.8948C7.56463 20.9404 6.81625 20.8296 6.11445 20.5695C5.41265 20.3093 4.77288 19.9056 4.23607 19.384C3.71351 18.8477 3.30887 18.2081 3.04811 17.5062C2.78735 16.8042 2.67624 16.0555 2.72191 15.3082C2.76758 14.5608 2.96903 13.8312 3.31331 13.1662C3.65759 12.5013 4.16681 12 4.72107 11.447C5.15407 11.015 5.74306 10.423 6.17606 9.99201L8.11651 8.0515M15.5685 15.5035L8.11651 8.0515M11.6421 8.26601C11.6421 8.26601 13.0221 6.86601 13.3531 6.53501L13.8631 6.02501C14.3595 5.53872 15.0279 5.26798 15.7228 5.27163C16.4178 5.27527 17.0832 5.55302 17.5746 6.0445C18.0659 6.53598 18.3435 7.20149 18.3469 7.89644C18.3504 8.5914 18.0795 9.25965 17.5931 9.756"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+FillPill.displayName = "FillPill";
+const ForwardRef = forwardRef(FillPill);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as FillPill };