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

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

package/src/components/native/FillRelation.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 FillRelation = (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 21.999C17.5228 21.999 22 17.5219 22 11.999C22 6.47618 17.5228 1.99902 12 1.99902C6.47715 1.99902 2 6.47618 2 11.999C2 17.5219 6.47715 21.999 12 21.999Z"
+        fill={color}
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <Path
+        d="M8.49805 11.6101L13.1685 6.9397M10.8315 13.9464V17.0577H13.9428M15.5034 12.3887L10.8329 17.0591M10.0544 6.9397H13.1657V10.051"
+        stroke="#FAFCFC"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+FillRelation.displayName = "FillRelation";
+const ForwardRef = forwardRef(FillRelation);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as FillRelation };

package/src/components/native/FillSearchHeart.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 FillSearchHeart = (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="M11.381 20.055C16.1715 20.055 20.055 16.1715 20.055 11.381C20.055 6.59051 16.1715 2.70703 11.381 2.70703C6.59051 2.70703 2.70703 6.59051 2.70703 11.381C2.70703 16.1715 6.59051 20.055 11.381 20.055Z"
+        fill={color}
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <Path
+        d="M21.2929 21.2929L17.5139 17.5139"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <Path
+        d="M11.478 8.35745C11.7342 8.06482 12.0509 7.83104 12.4062 7.67288C12.7616 7.51472 13.147 7.43594 13.5359 7.44143C14.3334 7.47156 15.0877 7.81091 15.6391 8.38772C16.1905 8.96453 16.4957 9.73331 16.4899 10.5313C16.4899 13.6463 12.4679 16.0313 11.4769 16.0313C10.4859 16.0313 6.46395 13.6463 6.46395 10.5313C6.45819 9.73315 6.76348 8.96456 7.31511 8.38772C7.86675 7.81088 8.62134 7.47131 9.41893 7.44143C9.80799 7.43593 10.1936 7.51472 10.5491 7.67288C10.9046 7.83103 11.2215 8.06479 11.478 8.35745Z"
+        fill="#FAFCFC"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+FillSearchHeart.displayName = "FillSearchHeart";
+const ForwardRef = forwardRef(FillSearchHeart);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as FillSearchHeart };

package/src/components/native/FillSecurity.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 FillSecurity = (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.3959 11.1414C20.3349 13.5463 19.4768 15.863 17.9564 17.7274C16.436 19.5917 14.3394 20.8978 11.9959 21.4412C9.65246 20.8978 7.55587 19.5917 6.03546 17.7274C4.51505 15.863 3.65696 13.5463 3.59595 11.1414V7.01154C3.59568 6.59529 3.71913 6.18854 3.95059 5.84259C4.18206 5.49664 4.51108 5.22674 4.89594 5.06818L10.1429 2.92267C11.3247 2.43919 12.6491 2.43919 13.8309 2.92267L19.0779 5.06818C19.4628 5.22674 19.7919 5.49664 20.0233 5.84259C20.2548 6.18854 20.3782 6.59529 20.378 7.01154L20.3959 11.1414Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <Path
+        d="M12.004 21.4434C9.66054 20.8999 7.56399 19.5928 6.04358 17.7285C4.52317 15.8642 3.66502 13.5475 3.604 11.1426V7.00196C3.6036 6.58553 3.72757 6.17752 3.96008 5.83204C4.1926 5.48656 4.52311 5.21892 4.90906 5.06251L10.156 2.91212C10.7429 2.67391 11.3706 2.55357 12.004 2.5547C12.176 2.5547 12.344 2.56313 12.504 2.57813V21.3125C12.326 21.3635 12.163 21.4045 12.004 21.4375V21.4434Z"
+        fill={color}
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+FillSecurity.displayName = "FillSecurity";
+const ForwardRef = forwardRef(FillSecurity);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as FillSecurity };

package/src/components/native/FillSecurityHeart.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 FillSecurityHeart = (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="M18.3751 18.1285C20.0011 16.1331 20.9181 13.6538 20.9821 11.0807L20.9901 6.65878C20.9897 6.21238 20.8563 5.77613 20.6069 5.40585C20.3576 5.03558 20.0036 4.74795 19.5901 4.57968L13.9761 2.27988C12.7117 1.76218 11.2945 1.76218 10.0301 2.27988L4.41614 4.57968C4.00258 4.74784 3.6485 5.03555 3.39914 5.40585C3.14978 5.77615 3.01643 6.21235 3.01611 6.65878V11.0807C3.08014 13.6538 3.99717 16.1331 5.62314 18.1285C7.2491 20.1239 9.49187 21.5228 11.9991 22.1051C14.5064 21.5228 16.7491 20.1239 18.3751 18.1285ZM13.0467 7.4163C12.6459 7.59501 12.2887 7.85935 12 8.18973C11.7114 7.85984 11.3548 7.59596 10.9546 7.41727C10.5544 7.23859 10.1202 7.14919 9.68197 7.15458C8.78243 7.18835 7.93138 7.57141 7.3092 8.22196C6.68702 8.87251 6.34261 9.73977 6.34896 10.6399C6.34896 14.1549 10.885 16.845 12.003 16.845C13.121 16.845 17.657 14.1549 17.657 10.6399C17.6633 9.73927 17.3185 8.87064 16.6957 8.22001C16.0729 7.56937 15.2211 7.18759 14.321 7.15458C13.8822 7.14862 13.4474 7.23759 13.0467 7.4163Z"
+        fill={color}
+      />
+      <Path
+        d="M20.9821 11.0807L21.7319 11.0993C21.732 11.0935 21.7321 11.0878 21.7321 11.082L20.9821 11.0807ZM20.9901 6.65878L21.7401 6.66014L21.7401 6.65803L20.9901 6.65878ZM19.5901 4.57968L19.3058 5.2737L19.3074 5.27436L19.5901 4.57968ZM13.9761 2.27988L14.2604 1.58585L14.2603 1.5858L13.9761 2.27988ZM10.0301 2.27988L9.74594 1.5858L9.74581 1.58585L10.0301 2.27988ZM4.41614 4.57968L4.69864 5.27444L4.70045 5.2737L4.41614 4.57968ZM3.01611 6.65878L2.26611 6.65826V6.65878H3.01611ZM3.01611 11.0807H2.26611C2.26611 11.0869 2.26619 11.0931 2.26635 11.0993L3.01611 11.0807ZM5.62314 18.1285L6.20455 17.6547H6.20455L5.62314 18.1285ZM11.9991 22.1051L11.8294 22.8356C11.9411 22.8616 12.0572 22.8616 12.1688 22.8356L11.9991 22.1051ZM12 8.18973L11.4354 8.68349C11.5779 8.84636 11.7837 8.93977 12.0001 8.93973C12.2165 8.9397 12.4223 8.84622 12.5647 8.68331L12 8.18973ZM13.0467 7.4163L12.7412 6.73132H12.7412L13.0467 7.4163ZM10.9546 7.41727L10.6488 8.10211L10.6488 8.10211L10.9546 7.41727ZM9.68197 7.15458L9.67275 6.40463C9.66644 6.40471 9.66014 6.40487 9.65383 6.40511L9.68197 7.15458ZM7.3092 8.22196L7.85122 8.74034L7.3092 8.22196ZM6.34896 10.6399H7.09898L7.09894 10.6346L6.34896 10.6399ZM17.657 10.6399L16.907 10.6347V10.6399H17.657ZM16.6957 8.22001L16.1539 8.73863V8.73863L16.6957 8.22001ZM14.321 7.15458L14.3485 6.40508C14.3427 6.40487 14.3369 6.40473 14.3312 6.40465L14.321 7.15458ZM20.2323 11.062C20.1725 13.469 19.3146 15.7882 17.7937 17.6547L18.9565 18.6023C20.6875 16.478 21.6637 13.8386 21.7319 11.0993L20.2323 11.062ZM20.2401 6.65743L20.2321 11.0793L21.7321 11.082L21.7401 6.66014L20.2401 6.65743ZM19.9848 5.82477C20.1509 6.07142 20.2398 6.36208 20.2401 6.65953L21.7401 6.65803C21.7395 6.06267 21.5616 5.48084 21.229 4.98693L19.9848 5.82477ZM19.3074 5.27436C19.5829 5.38646 19.8187 5.57809 19.9848 5.82477L21.229 4.98693C20.8965 4.49306 20.4243 4.10944 19.8728 3.885L19.3074 5.27436ZM13.6918 2.9739L19.3058 5.2737L19.8744 3.88566L14.2604 1.58585L13.6918 2.9739ZM10.3143 2.97395C11.3966 2.53082 12.6097 2.53082 13.692 2.97395L14.2603 1.5858C12.8138 0.993535 11.1924 0.993535 9.74594 1.5858L10.3143 2.97395ZM4.70045 5.2737L10.3144 2.9739L9.74581 1.58585L4.13183 3.88566L4.70045 5.2737ZM4.02124 5.82477C4.18738 5.57805 4.42327 5.38641 4.69864 5.27444L4.13364 3.88492C3.5819 4.10927 3.10962 4.49306 2.77704 4.98693L4.02124 5.82477ZM3.76611 6.65931C3.76632 6.36196 3.85514 6.07143 4.02124 5.82477L2.77704 4.98693C2.44442 5.48088 2.26653 6.06273 2.26611 6.65826L3.76611 6.65931ZM3.76611 11.0807V6.65878H2.26611V11.0807H3.76611ZM6.20455 17.6547C4.6836 15.7882 3.82578 13.469 3.76588 11.062L2.26635 11.0993C2.33451 13.8386 3.31075 16.478 5.04172 18.6023L6.20455 17.6547ZM12.1688 21.3745C9.82348 20.8298 7.72553 19.5213 6.20455 17.6547L5.04172 18.6023C6.77267 20.7265 9.16026 22.2157 11.8294 22.8356L12.1688 21.3745ZM17.7937 17.6547C16.2727 19.5213 14.1748 20.8298 11.8294 21.3745L12.1688 22.8356C14.838 22.2157 17.2256 20.7265 18.9565 18.6023L17.7937 17.6547ZM12.5647 8.68331C12.7823 8.4343 13.0512 8.23548 13.3521 8.10128L12.7412 6.73132C12.2406 6.95454 11.7952 7.2844 11.4353 7.69616L12.5647 8.68331ZM10.6488 8.10211C10.9495 8.23637 11.218 8.43489 11.4354 8.68349L12.5645 7.69598C12.2049 7.28479 11.76 6.95555 11.2604 6.73244L10.6488 8.10211ZM9.69119 7.90452C10.0214 7.90046 10.348 7.96781 10.6488 8.10211L11.2604 6.73244C10.7608 6.50936 10.2191 6.39792 9.67275 6.40463L9.69119 7.90452ZM7.85122 8.74034C8.33878 8.23054 9.00557 7.9305 9.71011 7.90405L9.65383 6.40511C8.55928 6.4462 7.52397 6.91228 6.76718 7.70358L7.85122 8.74034ZM7.09894 10.6346C7.09397 9.92943 7.36379 9.25 7.85122 8.74034L6.76718 7.70358C6.01025 8.49503 5.59125 9.55011 5.59898 10.6452L7.09894 10.6346ZM12.003 16.095C12.0032 16.095 11.976 16.0944 11.9145 16.081C11.8557 16.0683 11.7793 16.0469 11.6856 16.0142C11.4977 15.9488 11.2636 15.8466 10.9977 15.7063C10.4658 15.4259 9.84228 15.0126 9.24994 14.4956C8.03879 13.4383 7.09896 12.0759 7.09896 10.6399H5.59896C5.59896 12.7189 6.92715 14.4591 8.26351 15.6256C8.94493 16.2204 9.665 16.6994 10.2981 17.0332C10.6146 17.2001 10.9184 17.3354 11.1925 17.4309C11.4522 17.5213 11.7387 17.595 12.003 17.595V16.095ZM16.907 10.6399C16.907 12.0759 15.9672 13.4383 14.756 14.4956C14.1637 15.0126 13.5401 15.4259 13.0083 15.7063C12.7423 15.8466 12.5083 15.9488 12.3204 16.0142C12.2266 16.0469 12.1503 16.0683 12.0915 16.081C12.03 16.0944 12.0027 16.095 12.003 16.095V17.595C12.2673 17.595 12.5538 17.5213 12.8135 17.4309C13.0876 17.3354 13.3914 17.2001 13.7079 17.0332C14.341 16.6994 15.061 16.2204 15.7424 15.6256C17.0788 14.4591 18.407 12.7189 18.407 10.6399H16.907ZM16.1539 8.73863C16.6417 9.24819 16.912 9.92885 16.907 10.6347L18.407 10.6452C18.4147 9.5497 17.9953 8.49309 17.2375 7.70139L16.1539 8.73863ZM14.2935 7.90407C14.999 7.92995 15.6662 8.22915 16.1539 8.73863L17.2375 7.70139C16.4795 6.9096 15.4431 6.44523 14.3485 6.40508L14.2935 7.90407ZM13.3521 8.10128C13.6531 7.96707 13.9801 7.90002 14.3108 7.90451L14.3312 6.40465C13.7843 6.39722 13.2418 6.50811 12.7412 6.73132L13.3521 8.10128Z"
+        fill={color}
+      />
+    </Svg>
+  );
+};
+FillSecurityHeart.displayName = "FillSecurityHeart";
+const ForwardRef = forwardRef(FillSecurityHeart);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as FillSecurityHeart };

package/src/components/native/FillSetting.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 FillSetting = (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="M15.5604 2.15025L16.2892 2.39276C16.9567 2.61527 17.408 3.2403 17.408 3.94407V4.99036C17.408 5.88039 18.1181 6.60667 19.0082 6.62542L20.0558 6.64792C20.6621 6.66042 21.2122 7.00919 21.4834 7.55171L21.8272 8.23923C22.1423 8.86926 22.0185 9.62929 21.521 10.1268L20.7809 10.8668C20.1521 11.4956 20.1408 12.5119 20.7559 13.1544L21.4809 13.9119C21.901 14.3507 22.0435 14.9845 21.851 15.5608L21.6085 16.2895C21.3859 16.9571 20.7609 17.4083 20.0571 17.4083H19.0107C18.1206 17.4083 17.3943 18.1184 17.3755 19.0084L17.353 20.0559C17.3405 20.6622 16.9917 21.2122 16.4492 21.4835L15.7616 21.8272C15.1316 22.1423 14.3715 22.0185 13.8739 21.521L13.1339 20.781C12.5051 20.1522 11.4887 20.1409 10.8461 20.756L10.0886 21.481C9.64977 21.901 9.01595 22.0435 8.43964 21.851L7.71082 21.6085C7.04325 21.386 6.59196 20.761 6.59196 20.0572V19.0109C6.59196 18.1209 5.88189 17.3946 4.9918 17.3758L3.94419 17.3533C3.33788 17.3408 2.78783 16.9921 2.51655 16.4495L2.17277 15.762C1.85773 15.132 1.9815 14.372 2.47905 13.8744L3.21912 13.1344C3.84793 12.5056 3.85919 11.4894 3.24412 10.8468L2.51905 10.0893C2.09776 9.64929 1.95524 9.01426 2.14776 8.43924L2.39029 7.71046C2.61281 7.04294 3.23787 6.59167 3.94169 6.59167H4.98805C5.87814 6.59167 6.60446 5.88164 6.62321 4.99161L6.64571 3.94407C6.66072 3.3378 7.00825 2.78778 7.55081 2.51652L8.23837 2.17276C8.86844 1.85774 9.62851 1.9815 10.1261 2.47902L10.8661 3.21904C11.495 3.84782 12.5113 3.85907 13.1539 3.24405L13.9114 2.51902C14.3502 2.10025 14.9853 1.95775 15.5604 2.15025Z"
+        fill={color}
+      />
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M15.5604 2.15025L16.2892 2.39276C16.9567 2.61527 17.408 3.2403 17.408 3.94407V4.99036C17.408 5.88039 18.1181 6.60667 19.0082 6.62542L20.0558 6.64792C20.6621 6.66042 21.2122 7.00919 21.4834 7.55171L21.8272 8.23923C22.1423 8.86926 22.0185 9.62929 21.521 10.1268L20.7809 10.8668C20.1521 11.4956 20.1408 12.5119 20.7559 13.1544L21.4809 13.9119C21.901 14.3507 22.0435 14.9845 21.851 15.5608L21.6085 16.2895C21.3859 16.9571 20.7609 17.4083 20.0571 17.4083H19.0107C18.1206 17.4083 17.3943 18.1184 17.3755 19.0084L17.353 20.0559C17.3405 20.6622 16.9917 21.2122 16.4492 21.4835L15.7616 21.8272C15.1316 22.1423 14.3715 22.0185 13.8739 21.521L13.1339 20.781C12.5051 20.1522 11.4887 20.1409 10.8461 20.756L10.0886 21.481C9.64977 21.901 9.01595 22.0435 8.43964 21.851L7.71082 21.6085C7.04325 21.386 6.59196 20.761 6.59196 20.0572V19.0109C6.59196 18.1209 5.88189 17.3946 4.9918 17.3758L3.94419 17.3533C3.33788 17.3408 2.78783 16.9921 2.51655 16.4495L2.17277 15.762C1.85773 15.132 1.9815 14.372 2.47905 13.8744L3.21912 13.1344C3.84793 12.5056 3.85919 11.4894 3.24412 10.8468L2.51905 10.0893C2.09776 9.64929 1.95524 9.01426 2.14776 8.43924L2.39029 7.71046C2.61281 7.04294 3.23787 6.59167 3.94169 6.59167H4.98805C5.87814 6.59167 6.60446 5.88164 6.62321 4.99161L6.64571 3.94407C6.66072 3.3378 7.00825 2.78778 7.55081 2.51652L8.23837 2.17276C8.86844 1.85774 9.62851 1.9815 10.1261 2.47902L10.8661 3.21904C11.495 3.84782 12.5113 3.85907 13.1539 3.24405L13.9114 2.51902C14.3502 2.10025 14.9853 1.95775 15.5604 2.15025Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M14.1213 9.87868C15.2929 11.0503 15.2929 12.9497 14.1213 14.1213C12.9497 15.2929 11.0503 15.2929 9.87868 14.1213C8.70711 12.9497 8.70711 11.0503 9.87868 9.87868C11.0503 8.70711 12.9497 8.70711 14.1213 9.87868Z"
+        fill="#FAFCFC"
+      />
+    </Svg>
+  );
+};
+FillSetting.displayName = "FillSetting";
+const ForwardRef = forwardRef(FillSetting);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as FillSetting };

package/src/components/native/FillStar.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 FillStar = (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.0541 3.41199L14.8781 7.112C14.9713 7.30163 15.1094 7.46567 15.2803 7.5899C15.4513 7.71414 15.6499 7.79485 15.8591 7.82501L19.9391 8.41803C20.1803 8.45187 20.4071 8.55279 20.5937 8.70929C20.7804 8.86579 20.9193 9.07155 20.9947 9.30316C21.07 9.53477 21.0788 9.78293 21.02 10.0193C20.9612 10.2556 20.8372 10.4707 20.6621 10.64L17.7101 13.517C17.5586 13.6645 17.4454 13.8466 17.3802 14.0477C17.315 14.2488 17.2999 14.4628 17.3361 14.671L18.0361 18.734C18.0783 18.9739 18.0523 19.2209 17.9609 19.4467C17.8696 19.6726 17.7167 19.8682 17.5196 20.0114C17.3224 20.1545 17.0891 20.2393 16.846 20.2562C16.603 20.2731 16.3601 20.2214 16.1451 20.107L12.4971 18.189C12.3101 18.0904 12.1019 18.0389 11.8906 18.0389C11.6792 18.0389 11.471 18.0904 11.2841 18.189L7.63607 20.107C7.42102 20.2214 7.17813 20.2731 6.93512 20.2562C6.6921 20.2393 6.45872 20.1545 6.26159 20.0114C6.06447 19.8682 5.91151 19.6726 5.82019 19.4467C5.72886 19.2209 5.70285 18.9739 5.74508 18.734L6.44506 14.671C6.48112 14.4627 6.46582 14.2486 6.40048 14.0475C6.33513 13.8465 6.22171 13.6644 6.07006 13.517L3.11807 10.64C2.94296 10.4707 2.81893 10.2556 2.76013 10.0193C2.70132 9.78293 2.71012 9.53477 2.78549 9.30316C2.86085 9.07155 2.99976 8.86579 3.1864 8.70929C3.37303 8.55279 3.59986 8.45187 3.84106 8.41803L7.92108 7.82501C8.13023 7.79485 8.32888 7.71414 8.49981 7.5899C8.67075 7.46567 8.80881 7.30163 8.90206 7.112L10.7261 3.41199C10.8338 3.19539 10.9998 3.0132 11.2054 2.8858C11.4111 2.75841 11.6482 2.69092 11.8901 2.69092C12.132 2.69092 12.3691 2.75841 12.5747 2.8858C12.7803 3.0132 12.9464 3.19539 13.0541 3.41199Z"
+        fill={color}
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+FillStar.displayName = "FillStar";
+const ForwardRef = forwardRef(FillStar);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as FillStar };

package/src/components/native/FillTrial.tsx

@@ -0,0 +1,58 @@
+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 FillTrial = (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="M12 5.28595C12.5357 4.6817 13.4624 4.00323 14.8735 4.00323C17.3419 4.00323 18.9971 6.2373 18.9971 8.31769C18.9971 12.6666 13.3823 15.9982 12 15.9982C10.6177 15.9982 5.00293 12.6666 5.00293 8.31769C5.00293 6.2373 6.65813 4.00323 9.12654 4.00323C10.5376 4.00323 11.4643 4.6817 12 5.28595Z"
+        fill={color}
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <Path
+        d="M10.8 21L12 19.8M12 19.8L10.8 18.6M12 19.8C7.029 19.8 3 18.233 3 16.3C3 15.4683 3.75298 14.7085 5.00295 14.1105M15.35 19.547C18.66 19.03 21 17.772 21 16.3C21 15.4684 20.2471 14.7085 18.9972 14.1105"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+FillTrial.displayName = "FillTrial";
+const ForwardRef = forwardRef(FillTrial);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as FillTrial };

package/src/components/native/Filter.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 Filter = (props: Props, ref: React.Ref<Svg>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <Svg
+      viewBox="0 0 20 19"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <Path
+        d="M1.14063 5.5H18.9006M8.02063 11.333L1.38063 5.8C1.15263 5.61 1.02063 5.328 1.02063 5.032V2.5C1.02063 1.948 1.46863 1.5 2.02063 1.5H18.0206C18.5726 1.5 19.0206 1.948 19.0206 2.5V5.032C19.0206 5.329 18.8886 5.61 18.6606 5.8L12.0206 11.333V15.882C12.0206 16.261 11.8066 16.607 11.4676 16.776L8.74363 18.138C8.41163 18.304 8.02063 18.063 8.02063 17.691V11.333Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+Filter.displayName = "Filter";
+const ForwardRef = forwardRef(Filter);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Filter };