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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kivid/icons",
-  "version": "1.0.0-alpha.14",
+  "version": "1.0.0-alpha.16",
   "type": "module",
   "files": [
     "dist",

package/src/components/native/Ambulance.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 Ambulance = (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.1639 18.9999H5.99991M19.4999 18.9999H20.4999C21.3283 18.9999 21.9999 18.3283 21.9999 17.4999V14.6213C21.9999 14.2235 21.8419 13.842 21.5606 13.5607L19.9999 12M19.9999 12L18.4558 7.36754C18.1835 6.55086 17.4193 6 16.5584 6H3.99991M19.9999 12H15.6942C14.7165 12 13.8821 11.2932 13.7214 10.3288L12.9999 6M7.49991 12.5H10.4999M8.99991 14V11M1.99991 13H3.99991M2.9561 10H4.99991M14.9999 6V4.5C14.9999 3.94772 14.5522 3.5 13.9999 3.5H11.9999C11.4476 3.5 10.9999 3.94772 10.9999 4.5V6M17.4998 17C18.3387 17.0034 19.0871 17.5279 19.3766 18.3152C19.666 19.1025 19.4357 19.9869 18.7988 20.5329C18.162 21.0789 17.2528 21.1715 16.5189 20.7652C15.8722 20.4173 15.4777 19.7339 15.4999 18.9999C15.4999 17.8954 16.3953 17 17.4998 17ZM3.99981 17C4.83868 17.0034 5.58706 17.5279 5.87655 18.3152C6.16605 19.1025 5.93566 19.9869 5.29881 20.5329C4.66195 21.0789 3.75281 21.1715 3.01891 20.7652C2.37223 20.4173 1.9777 19.7339 1.99991 18.9999C1.99992 17.8954 2.8953 17 3.99981 17Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+Ambulance.displayName = "Ambulance";
+const ForwardRef = forwardRef(Ambulance);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Ambulance };

package/src/components/native/Biometry.tsx

@@ -26,7 +26,7 @@ const Biometry = (props: Props, ref: React.Ref<Svg>) => {
       ref={ref}
       {...props}
     >
-      <G clipPath="url(#11-clip0_912_3073)">
+      <G clipPath="url(#16-clip0_912_3073)">
         <Path
           d="M8.19051 21.0561C6.77574 19.0421 6.01784 16.6403 6.02051 14.1791C5.99734 13.3769 6.13534 12.5782 6.42632 11.8303C6.7173 11.0824 7.15536 10.4005 7.71457 9.82491C8.27378 9.24932 8.94278 8.79176 9.68196 8.47931C10.4211 8.16687 11.2155 8.00588 12.018 8.00588C12.8205 8.00588 13.6149 8.16687 14.3541 8.47931C15.0932 8.79176 15.7622 9.24932 16.3214 9.82491C16.8807 10.4005 17.3187 11.0824 17.6097 11.8303C17.9007 12.5782 18.0387 13.3769 18.0155 14.1791M18.3415 20.1631C18.2335 20.1691 18.1275 20.1791 18.0185 20.1791C16.4272 20.1791 14.9011 19.5469 13.7759 18.4217C12.6506 17.2965 12.0185 15.7704 12.0185 14.1791M13.2675 21.8211C11.9681 21.0136 10.8961 19.8881 10.153 18.5508C9.40981 17.2136 9.02004 15.7089 9.02051 14.1791C9.02051 13.3834 9.33658 12.6204 9.89919 12.0577C10.4618 11.4951 11.2249 11.1791 12.0205 11.1791C12.8162 11.1791 13.5792 11.4951 14.1418 12.0577C14.7044 12.6204 15.0205 13.3834 15.0205 14.1791C15.0205 14.9747 15.3366 15.7378 15.8992 16.3004C16.4618 16.863 17.2249 17.1791 18.0205 17.1791C18.8162 17.1791 19.5792 16.863 20.1418 16.3004C20.7044 15.7378 21.0205 14.9747 21.0205 14.1791C21.0205 12.9972 20.7877 11.8268 20.3354 10.7349C19.8831 9.64298 19.2202 8.65083 18.3845 7.8151C17.5487 6.97938 16.5566 6.31644 15.4647 5.86415C14.3727 5.41186 13.2024 5.17906 12.0205 5.17906C10.8386 5.17906 9.66829 5.41186 8.57636 5.86415C7.48443 6.31644 6.49227 6.97938 5.65655 7.8151C4.82082 8.65083 4.15788 9.64298 3.70559 10.7349C3.2533 11.8268 3.02051 12.9972 3.02051 14.1791C3.0211 15.2646 3.13912 16.3469 3.37251 17.4071M20.3935 5.97306C19.3483 4.78111 18.0607 3.82604 16.6168 3.17174C15.1728 2.51743 13.6058 2.17896 12.0205 2.17896C10.4352 2.17896 8.86821 2.51743 7.42425 3.17174C5.98029 3.82604 4.69268 4.78111 3.64751 5.97306"
           stroke={color}
@@ -35,7 +35,7 @@ const Biometry = (props: Props, ref: React.Ref<Svg>) => {
         />
       </G>
       <Defs>
-        <ClipPath id="11-clip0_912_3073">
+        <ClipPath id="16-clip0_912_3073">
           <Rect
             width={24}
             height={24}

package/src/components/native/Cat.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 Cat = (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="M9.81318 17.1248C10.0532 17.3654 10.3792 17.5004 10.719 17.5C11.4265 17.5 12 16.9265 12 16.219M12 16.219C12 16.7371 12.3121 17.2042 12.7908 17.4025C13.2695 17.6007 13.8205 17.4911 14.1868 17.1248M12 16.219V14.5M17 12.8066L21 12.14M21 16L17 15.3333M7 12.8066L3 12.14M3 16L7 15.3333M8.31223 10.4142C8.86452 9.86191 9.75994 9.86191 10.3122 10.4142M13.6878 10.4142C14.2401 9.86191 15.1355 9.86191 15.6878 10.4142M15.0743 6.41929L17.4627 4.37284C17.9185 3.98228 18.56 3.89277 19.1053 4.14364C19.6506 4.39451 20 4.93985 20 5.54011V13C20 17.4183 16.4183 21 12 21C7.58172 21 4 17.4183 4 13V5.54011C4 4.93985 4.34941 4.39451 4.89473 4.14364C5.44005 3.89277 6.08151 3.98228 6.53733 4.37284L8.92568 6.41929C10.9149 5.716 13.0851 5.716 15.0743 6.41929Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+Cat.displayName = "Cat";
+const ForwardRef = forwardRef(Cat);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Cat };

package/src/components/native/Clinic.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 Clinic = (props: Props, ref: React.Ref<Svg>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <Svg
+      viewBox="0 0 24 24"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <Path
+        d="M3 8V21M3 8H7.00001M3 8C2.44772 8 2.00001 7.55228 2.00001 7V6C2.00001 5.44772 2.44773 5 3.00001 5H7.00001M7.00001 8V5M7.00001 8C7.00001 9.10457 7.89543 10 9 10H15C16.1046 10 16.9995 9.10457 16.9995 8M7.00001 5C7.00001 3.89543 7.89543 3 9 3H15C16.1046 3 16.9995 3.89543 16.9995 5M16.9995 5H21C21.5523 5 22 5.44772 22 6V7C22 7.55228 21.5523 8 21 8M16.9995 5V8M21 8H16.9995M21 8L21 21M12 5.25V7.75M13.25 6.5H10.75M22 21H2M12 20.7103V14M16 21V15C16 14.4477 15.5523 14 15 14H9.00001C8.44773 14 8.00001 14.4477 8.00001 15V21"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+Clinic.displayName = "Clinic";
+const ForwardRef = forwardRef(Clinic);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Clinic };

package/src/components/native/ClinicDrugs.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 ClinicDrugs = (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 4.75V7.25M13.25 6H10.75M8 21V15C8 14.4477 8.44772 14 9 14H12M3 8V21M3 8H8.53567M3 8C2.44772 8 2 7.55228 2 7V6C2 5.44772 2.44772 5 3 5H8.12639M21 11V8M21 8C21.5523 8 22 7.55228 22 7V6C22 5.44772 21.5523 5 21 5H15.8737M21 8H15.4643M11 21H2M15.4326 15.434L19.0666 19.0671M16 6C16 8.20914 14.2091 10 12 10C9.79086 10 8 8.20914 8 6C8 3.79086 9.79086 2 12 2C14.2091 2 16 3.79086 16 6ZM14.2525 16.614L16.614 14.2525C17.0958 13.7707 17.7493 13.5 18.4307 13.5C19.1121 13.5 19.7656 13.7707 20.2475 14.2525C21.2508 15.2559 21.2508 16.8827 20.2475 17.886L17.886 20.2475C17.4042 20.7293 16.7507 21 16.0693 21C15.3879 21 14.7343 20.7293 14.2525 20.2475C13.2492 19.2441 13.2492 17.6174 14.2525 16.614Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+ClinicDrugs.displayName = "ClinicDrugs";
+const ForwardRef = forwardRef(ClinicDrugs);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as ClinicDrugs };

package/src/components/native/ClinicPin.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 ClinicPin = (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 4.75V7.25M13.25 6H10.75M8 21V15C8 14.4477 8.44772 14 9 14H11M3 8V21M3 8H8.53567M3 8C2.44772 8 2 7.55228 2 7V6C2 5.44772 2.44772 5 3 5H8.12639M21 11V8M21 8C21.5523 8 22 7.55228 22 7V6C22 5.44772 21.5523 5 21 5H15.8737M21 8H15.4643M12 21H2M16 6C16 8.20914 14.2091 10 12 10C9.79086 10 8 8.20914 8 6C8 3.79086 9.79086 2 12 2C14.2091 2 16 3.79086 16 6ZM14 16.5C14 18.1385 15.788 19.8888 16.808 20.7544C17.2108 21.0819 17.7882 21.0819 18.191 20.7544C19.212 19.8888 21 18.1385 21 16.5C21 14.567 19.433 13 17.5 13C15.567 13 14 14.567 14 16.5ZM17.501 16.24C17.6445 16.2406 17.7604 16.3572 17.76 16.5007C17.7596 16.6441 17.6431 16.7602 17.4997 16.76C17.3562 16.7598 17.24 16.6435 17.24 16.5C17.2396 16.4308 17.267 16.3643 17.3161 16.3154C17.3652 16.2665 17.4318 16.2394 17.501 16.24Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+ClinicPin.displayName = "ClinicPin";
+const ForwardRef = forwardRef(ClinicPin);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as ClinicPin };

package/src/components/native/Dog.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 Dog = (props: Props, ref: React.Ref<Svg>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <Svg
+      viewBox="0 0 18 20"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <Path
+        d="M4.80282 15.6028L3.75125 18.7575M12.7038 15.6028L13.7554 18.7575M7.75292 10.7542H9.75375M4.75167 2.75083C5.61548 2.0976 6.66992 1.74612 7.75292 1.75042H9.75375C10.8367 1.74612 11.8912 2.0976 12.755 2.75083M2.85088 5.75208C2.78196 6.08104 2.74842 6.41641 2.75083 6.7525V12.755C2.75083 14.4125 4.09454 15.7562 5.75208 15.7562H6.7525M6.7525 15.7562C7.85753 15.7562 8.75333 14.8604 8.75333 13.7554M6.7525 15.7562V16.7567C6.7525 17.5854 7.42435 18.2573 8.25313 18.2573H9.25354C10.0823 18.2573 10.7542 17.5854 10.7542 16.7567V15.7562M8.75333 13.7554C8.75333 14.8604 9.64914 15.7562 10.7542 15.7562M8.75333 13.7554L8.75333 10.7542M10.7542 15.7562H11.7546C13.4121 15.7562 14.7558 14.4125 14.7558 12.755V6.7525C14.7582 6.41641 14.7247 6.08104 14.6558 5.75208M9.75398 7.46006C10.3065 6.90754 11.2023 6.90754 11.7548 7.46006M5.75252 7.46006C6.30503 6.90754 7.20083 6.90754 7.75335 7.46006M1.75042 0.75H3.75125C4.30376 0.75 4.75167 1.1979 4.75167 1.75042V3.75125C4.75167 4.85628 3.85586 5.75208 2.75083 5.75208C1.6458 5.75208 0.75 4.85628 0.75 3.75125V1.75042C0.75 1.1979 1.1979 0.75 1.75042 0.75ZM13.7554 0.75H15.7563C16.3088 0.75 16.7567 1.1979 16.7567 1.75042V3.75125C16.7567 4.85628 15.8609 5.75208 14.7558 5.75208C13.6508 5.75208 12.755 4.85628 12.755 3.75125V1.75042C12.755 1.1979 13.2029 0.75 13.7554 0.75Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+Dog.displayName = "Dog";
+const ForwardRef = forwardRef(Dog);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Dog };

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/GradientBiometry200BasicPink.tsx

@@ -0,0 +1,75 @@
+import * as React from "react";
+import Svg, {
+  G,
+  Path,
+  Defs,
+  LinearGradient,
+  Stop,
+  ClipPath,
+  Rect,
+} from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef, memo } from "react";
+import { cssInterop } from "nativewind";
+interface Props extends SvgProps {
+  size?: number;
+  color?: string;
+}
+const GradientBiometry200BasicPink = (props: Props, ref: React.Ref<Svg>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <Svg
+      viewBox="0 0 40 40"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <G clipPath="url(#7-clip0_10913_34815)">
+        <Path
+          d="M13.6167 35.0932C11.2587 31.7367 9.99555 27.7335 10 23.6315C9.96139 22.2946 10.1914 20.9635 10.6764 19.717C11.1613 18.4705 11.8914 17.3339 12.8234 16.3746C13.7555 15.4153 14.8704 14.6527 16.1024 14.1319C17.3344 13.6112 18.6583 13.3429 19.9958 13.3429C21.3333 13.3429 22.6573 13.6112 23.8892 14.1319C25.1212 14.6527 26.2362 15.4153 27.1682 16.3746C28.1002 17.3339 28.8303 18.4705 29.3153 19.717C29.8003 20.9635 30.0303 22.2946 29.9917 23.6315M30.535 33.6049C30.355 33.6149 30.1783 33.6315 29.9967 33.6315C27.3445 33.6315 24.801 32.578 22.9256 30.7026C21.0502 28.8272 19.9967 26.2837 19.9967 23.6315M22.0783 36.3682C19.9126 35.0224 18.126 33.1465 16.8874 30.9178C15.6488 28.6891 14.9992 26.1813 15 23.6315C15 22.3054 15.5268 21.0337 16.4645 20.096C17.4021 19.1583 18.6739 18.6315 20 18.6315C21.3261 18.6315 22.5979 19.1583 23.5355 20.096C24.4732 21.0337 25 22.3054 25 23.6315C25 24.9576 25.5268 26.2294 26.4645 27.1671C27.4021 28.1047 28.6739 28.6315 30 28.6315C31.3261 28.6315 32.5979 28.1047 33.5355 27.1671C34.4732 26.2294 35 24.9576 35 23.6315C35 21.6617 34.612 19.7112 33.8582 17.8913C33.1044 16.0714 31.9995 14.4178 30.6066 13.0249C29.2137 11.632 27.5601 10.5272 25.7403 9.77334C23.9204 9.01952 21.9698 8.63153 20 8.63153C18.0302 8.63153 16.0796 9.01952 14.2597 9.77334C12.4399 10.5272 10.7863 11.632 9.3934 13.0249C8.00052 14.4178 6.89563 16.0714 6.14181 17.8913C5.38799 19.7112 5 21.6617 5 23.6315C5.00099 25.4408 5.19769 27.2446 5.58667 29.0115M33.955 9.95486C32.2131 7.96827 30.067 6.3765 27.6604 5.28598C25.2538 4.19547 22.6421 3.63135 20 3.63135C17.3579 3.63135 14.7462 4.19547 12.3396 5.28598C9.93297 6.3765 7.78695 7.96827 6.045 9.95486"
+          stroke="url(#8-paint0_linear_10913_34815)"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+      </G>
+      <Defs>
+        <LinearGradient
+          id="8-paint0_linear_10913_34815"
+          x1={5.01674}
+          y1={36.3682}
+          x2={41.7769}
+          y2={24.3361}
+          gradientUnits="userSpaceOnUse"
+        >
+          <Stop stopColor="#9573E5" />
+          <Stop offset={1} stopColor="#F39ECF" />
+        </LinearGradient>
+        <ClipPath id="7-clip0_10913_34815">
+          <Rect width={40} height={40} fill="white" />
+        </ClipPath>
+      </Defs>
+    </Svg>
+  );
+};
+GradientBiometry200BasicPink.displayName = "GradientBiometry200BasicPink";
+const ForwardRef = forwardRef(GradientBiometry200BasicPink);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as GradientBiometry200BasicPink };

package/src/components/native/GradientBuilding200BasicPink.tsx

@@ -0,0 +1,62 @@
+import * as React from "react";
+import Svg, { Path, Defs, LinearGradient, Stop } 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 GradientBuilding200BasicPink = (props: Props, ref: React.Ref<Svg>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <Svg
+      viewBox="0 0 56 56"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <Path
+        d="M50.7523 48.9997H4.08563M39.6667 48.9997V23.333H46.6667C47.9554 23.333 49 24.3777 49 25.6663V48.9997H39.6667ZM39.6667 48.9997V11.6663C39.6667 10.3777 38.622 9.33301 37.3334 9.33301H9.33335C8.04469 9.33301 7.00002 10.3777 7.00002 11.6663V48.9997H14M39.6667 48.9997H32.6667M23.3334 37.333V48.9997M32.6667 48.9997V37.333H14V48.9997M32.6667 48.9997H14M16.3334 27.9997H30.3334M16.3334 18.6663H30.3334"
+        stroke="url(#9-paint0_linear_10804_42229)"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <Defs>
+        <LinearGradient
+          id="9-paint0_linear_10804_42229"
+          x1={4.11167}
+          y1={48.9997}
+          x2={57.9195}
+          y2={26.3893}
+          gradientUnits="userSpaceOnUse"
+        >
+          <Stop stopColor="#9573E5" />
+          <Stop offset={1} stopColor="#F39ECF" />
+        </LinearGradient>
+      </Defs>
+    </Svg>
+  );
+};
+GradientBuilding200BasicPink.displayName = "GradientBuilding200BasicPink";
+const ForwardRef = forwardRef(GradientBuilding200BasicPink);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as GradientBuilding200BasicPink };

package/src/components/native/GradientCheck.tsx

@@ -27,7 +27,7 @@ const GradientCheck = (props: Props, ref: React.Ref<Svg>) => {
       ref={ref}
       {...props}
     >
-      <G filter="url(#7-filter0_i_3359_12276)">
+      <G filter="url(#10-filter0_i_3359_12276)">
         <Path
           fillRule="evenodd"
           clipRule="evenodd"

package/src/components/native/GradientClose.tsx

@@ -27,7 +27,7 @@ const GradientClose = (props: Props, ref: React.Ref<Svg>) => {
       ref={ref}
       {...props}
     >
-      <G filter="url(#8-filter0_i_3359_12279)">
+      <G filter="url(#11-filter0_i_3359_12279)">
         <Path
           d="M12.1996 5.86591C12.7827 5.28288 12.7929 4.3479 12.2226 3.77757C11.6523 3.20721 10.7173 3.2175 10.1342 3.80054L8.02294 5.91184L5.86576 3.75461C5.29541 3.18429 4.36043 3.19454 3.7774 3.77757C3.19439 4.36061 3.18411 5.29559 3.75446 5.86591L5.91166 8.02309L3.80036 10.1344C3.21733 10.7174 3.20705 11.6524 3.7774 12.2228C4.34774 12.7931 5.28272 12.7828 5.86576 12.1998L7.97706 10.0885L10.1342 12.2457C10.7046 12.8161 11.6396 12.8058 12.2226 12.2228C12.8056 11.6397 12.8159 10.7048 12.2455 10.1344L10.0883 7.97721L12.1996 5.86591Z"
           fill="#F2F7F7"

package/src/components/native/GradientDocLabExam200BasicPink.tsx

@@ -0,0 +1,62 @@
+import * as React from "react";
+import Svg, { Path, Defs, LinearGradient, Stop } 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 GradientDocLabExam200BasicPink = (props: Props, ref: React.Ref<Svg>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <Svg
+      viewBox="0 0 40 40"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <Path
+        d="M32.5022 12.5003V7.50033C32.5022 6.61627 32.151 5.76705 31.5259 5.14193C30.9008 4.51681 30.053 4.16699 29.1689 4.16699H7.50224C6.61819 4.16699 5.77039 4.51681 5.14527 5.14193C4.52014 5.76705 4.16891 6.61627 4.16891 7.50033V30.8337C4.16891 31.7177 4.52014 32.5653 5.14527 33.1904C5.77039 33.8156 6.61819 34.167 7.50224 34.167H15.8356M10.8356 24.167H14.1689M10.8356 17.5003H17.5022M10.8356 10.8337H25.8356M32.2538 17.5003H24.7538M31.0039 17.5003V23.8008L35.3256 30.7344C35.6408 31.2394 35.815 31.8206 35.8301 32.4157C35.8453 33.0108 35.7008 33.5978 35.4116 34.1182C35.1225 34.6385 34.699 35.0732 34.1856 35.3747C33.6723 35.6761 33.0877 35.8347 32.4923 35.8337H24.5057C23.9103 35.8347 23.3255 35.6761 22.8122 35.3747C22.2988 35.0732 21.8756 34.6385 21.5864 34.1182C21.2972 33.5978 21.1526 33.0108 21.1677 32.4157C21.1828 31.8206 21.357 31.2394 21.6722 30.7344L25.9939 23.8008V17.5003M31.2305 24.167H25.7772"
+        stroke="url(#12-paint0_linear_10803_6482)"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <Defs>
+        <LinearGradient
+          id="12-paint0_linear_10803_6482"
+          x1={4.18657}
+          y1={35.8337}
+          x2={42.2816}
+          y2={22.229}
+          gradientUnits="userSpaceOnUse"
+        >
+          <Stop stopColor="#9573E5" />
+          <Stop offset={1} stopColor="#F39ECF" />
+        </LinearGradient>
+      </Defs>
+    </Svg>
+  );
+};
+GradientDocLabExam200BasicPink.displayName = "GradientDocLabExam200BasicPink";
+const ForwardRef = forwardRef(GradientDocLabExam200BasicPink);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as GradientDocLabExam200BasicPink };

package/src/components/native/GradientFamily200BasicPink.tsx

@@ -0,0 +1,62 @@
+import * as React from "react";
+import Svg, { Path, Defs, LinearGradient, Stop } 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 GradientFamily200BasicPink = (props: Props, ref: React.Ref<Svg>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <Svg
+      viewBox="0 0 56 56"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <Path
+        d="M51.3332 48.0623V36.3629C51.3289 34.9604 50.7678 33.6171 49.7732 32.6282C48.7786 31.6393 47.4321 31.0859 46.0296 31.0896H44.3309M4.6665 48.0623V36.3629C4.67083 34.9604 5.23196 33.6171 6.22653 32.6282C7.22109 31.6393 8.56767 31.0859 9.97017 31.0896H11.6688M39.3166 51.3337V33.1337C39.3104 31.1703 38.5248 29.2897 37.1326 27.9054C35.7403 26.521 33.8553 25.7461 31.8919 25.751H24.0986C22.1348 25.7486 20.2504 26.5261 18.8598 27.9128C17.4692 29.2994 16.6863 31.1816 16.6832 33.1454V51.3454M47.8167 20.606C47.8167 22.9359 45.9363 24.8247 43.6167 24.8247C41.2971 24.8247 39.4167 22.9359 39.4167 20.606C39.4167 18.2761 41.2971 16.3873 43.6167 16.3873C45.9363 16.3873 47.8167 18.2761 47.8167 20.606ZM34.9998 11.6997C34.9998 15.5837 31.8658 18.7323 27.9998 18.7323C24.1338 18.7323 20.9998 15.5837 20.9998 11.6997C20.9998 7.81562 24.1338 4.66699 27.9998 4.66699C31.8658 4.66699 34.9998 7.81562 34.9998 11.6997ZM16.5853 20.606C16.5853 22.9359 14.7049 24.8247 12.3853 24.8247C10.0657 24.8247 8.1853 22.9359 8.1853 20.606C8.1853 18.2761 10.0657 16.3873 12.3853 16.3873C14.7049 16.3873 16.5853 18.2761 16.5853 20.606Z"
+        stroke="url(#13-paint0_linear_10804_42202)"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <Defs>
+        <LinearGradient
+          id="13-paint0_linear_10804_42202"
+          x1={4.69254}
+          y1={51.3454}
+          x2={60.8418}
+          y2={31.2953}
+          gradientUnits="userSpaceOnUse"
+        >
+          <Stop stopColor="#9573E5" />
+          <Stop offset={1} stopColor="#F39ECF" />
+        </LinearGradient>
+      </Defs>
+    </Svg>
+  );
+};
+GradientFamily200BasicPink.displayName = "GradientFamily200BasicPink";
+const ForwardRef = forwardRef(GradientFamily200BasicPink);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as GradientFamily200BasicPink };