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

package/src/components/native/LogoInstagram.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 LogoInstagram = (props: Props, ref: React.Ref<Svg>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <Svg
+      viewBox="0 0 20 20"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M5.51672 0.998047H14.5248C15.7183 0.998047 16.8629 1.47216 17.7068 2.31607C18.5507 3.15998 19.0248 4.30457 19.0248 5.49805V14.507C19.0235 15.6997 18.5487 16.843 17.705 17.6858C16.8612 18.5286 15.7174 19.002 14.5248 19.002H5.51672C4.32412 19.002 3.18032 18.5286 2.33655 17.6858C1.49278 16.843 1.01805 15.6997 1.01672 14.507V5.49805C1.01672 4.30457 1.49093 3.15998 2.33484 2.31607C3.17875 1.47216 4.32325 0.998047 5.51672 0.998047Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <Path
+        d="M15.0178 3.99907C14.82 3.99966 14.6268 4.0589 14.4627 4.16926C14.2986 4.27963 14.1709 4.43621 14.0958 4.61916C14.0206 4.8021 14.0014 5.00322 14.0405 5.19708C14.0797 5.39094 14.1755 5.56885 14.3157 5.70828C14.456 5.84772 14.6345 5.9424 14.8286 5.98041C15.0227 6.01842 15.2239 5.99804 15.4064 5.92181C15.5889 5.84559 15.7445 5.71695 15.8539 5.55218C15.9633 5.38741 16.0213 5.19388 16.0207 4.9961C16.0207 4.86468 15.995 4.73455 15.9445 4.6132C15.8941 4.49185 15.82 4.38173 15.7268 4.28907C15.6336 4.19641 15.523 4.12304 15.4014 4.07329C15.2797 4.02353 15.1493 3.99829 15.0178 3.99907Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <Path
+        d="M10.0208 13.598C12.009 13.598 13.6208 11.9863 13.6208 9.99804C13.6208 8.00982 12.009 6.39804 10.0208 6.39804C8.03255 6.39804 6.42078 8.00982 6.42078 9.99804C6.42078 11.9863 8.03255 13.598 10.0208 13.598Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+LogoInstagram.displayName = "LogoInstagram";
+const ForwardRef = forwardRef(LogoInstagram);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as LogoInstagram };

package/src/components/native/LogoKivid.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 LogoKivid = (props: Props, ref: React.Ref<Svg>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <Svg
+      viewBox="0 0 20 18"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <Path
+        d="M16.1833 11.6212C15.7833 11.7512 14.9403 11.7672 13.7143 9.59424C13.0252 8.34368 12.1742 7.18941 11.1833 6.16124M16.1833 11.6212C14.897 13.2087 13.2797 14.4964 11.4443 15.3942C10.8587 15.676 10.2378 15.8779 9.59834 15.9942C6.65934 16.5152 1.78334 15.9532 1.08334 11.1942C0.959652 10.363 1.01315 9.51503 1.24032 8.70594C1.46749 7.89684 1.8632 7.14494 2.40148 6.49957C2.93976 5.85421 3.60843 5.32997 4.36361 4.96128C5.11879 4.59258 5.94341 4.38775 6.78334 4.36024C7.19702 4.35082 7.61057 4.38433 8.01734 4.46024C9.2129 4.71478 10.3111 5.30484 11.1833 6.16124M16.1833 11.6212C14.8625 13.2444 13.1946 14.5507 11.3023 15.4442C10.3869 15.5256 9.46859 15.3248 8.67072 14.8687C7.87286 14.4127 7.23376 13.7233 6.83934 12.8932C6.13535 11.5185 5.84892 9.96779 6.01534 8.43224C6.17145 6.99142 6.65586 5.60557 7.43134 4.38124C7.6269 4.39803 7.82149 4.42473 8.01434 4.46124C9.21086 4.71497 10.3102 5.3047 11.1833 6.16124M11.3073 15.4442C13.2158 14.5415 14.8956 13.2192 16.2213 11.5762L16.2863 11.5002C15.3193 11.8412 15.1393 9.80024 15.8063 8.44424C16.4913 7.05724 17.3063 5.42424 16.8833 3.81324C16.6083 2.54924 14.3973 -0.131759 10.5633 1.52724C9.29027 2.20871 8.2074 3.19711 7.41288 4.40286C6.61836 5.60861 6.13731 6.99359 6.01334 8.43224C5.84692 9.96779 6.13335 11.5185 6.83734 12.8932C7.23218 13.7245 7.87238 14.4147 8.67165 14.8709C9.47091 15.327 10.3908 15.5271 11.3073 15.4442ZM16.3133 11.4652C16.2833 11.5012 16.2533 11.5382 16.2233 11.5742C14.2713 14.0391 11.5163 15.741 8.43834 16.3832C8.01134 16.4422 7.91134 16.9992 8.60934 16.9992C9.8417 16.9878 11.0668 16.8095 12.2513 16.4692C13.3221 16.1667 14.3604 15.7594 15.3513 15.2532C16.1352 14.8607 16.8833 14.4006 17.5873 13.8782C17.9232 13.6459 18.226 13.3691 18.4873 13.0552C20.0663 11.2712 17.7923 9.20524 16.3133 11.4652Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+LogoKivid.displayName = "LogoKivid";
+const ForwardRef = forwardRef(LogoKivid);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as LogoKivid };

package/src/components/native/LogoStoreGoogle.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 LogoStoreGoogle = (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="M11.7194 6.09919L1.50944 18.6992M1.50944 1.30019L11.7194 13.9002M0.929443 2.43819V17.5622C0.929402 17.8134 0.995263 18.0602 1.12045 18.278C1.24563 18.4958 1.42577 18.677 1.64286 18.8034C1.85995 18.9298 2.1064 18.997 2.35761 18.9984C2.60881 18.9998 2.85599 18.9352 3.07444 18.8112L16.3824 11.2492C16.6038 11.124 16.7879 10.9424 16.916 10.7228C17.0441 10.5031 17.1116 10.2534 17.1116 9.99919C17.1116 9.74493 17.0441 9.49524 16.916 9.27562C16.7879 9.056 16.6038 8.87434 16.3824 8.74919L3.07444 1.18919C2.85599 1.06516 2.60881 1.0006 2.35761 1.00197C2.1064 1.00335 1.85995 1.07059 1.64286 1.197C1.42577 1.32341 1.24563 1.50456 1.12045 1.72235C0.995263 1.94015 0.929402 2.18698 0.929443 2.43819Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+LogoStoreGoogle.displayName = "LogoStoreGoogle";
+const ForwardRef = forwardRef(LogoStoreGoogle);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as LogoStoreGoogle };

package/src/components/native/Mail.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 Mail = (props: Props, ref: React.Ref<Svg>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <Svg
+      viewBox="0 0 20 16"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <Path
+        d="M1.14062 2.07446L8.83365 7.57446C9.17285 7.81676 9.57927 7.94696 9.99612 7.94696C10.413 7.94696 10.8195 7.81676 11.1587 7.57446L18.8976 2.05444M2.65663 1.04541H17.3846C18.2882 1.04541 19.0206 1.77787 19.0206 2.68141V13.3184C19.0206 14.2219 18.2882 14.9544 17.3846 14.9544H2.65663C1.75309 14.9544 1.02063 14.2219 1.02063 13.3184V2.68141C1.02063 1.77787 1.75309 1.04541 2.65663 1.04541Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+Mail.displayName = "Mail";
+const ForwardRef = forwardRef(Mail);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Mail };

package/src/components/native/MapOpen.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 MapOpen = (props: Props, ref: React.Ref<Svg>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <Svg
+      viewBox="0 0 20 20"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <Path
+        d="M7.02063 17.2165V1M13.0206 2.7834V18.9997M19.0206 3.66661V15.6663C19.0206 16.5271 18.4698 17.2914 17.6532 17.5637L13.6532 18.8973C13.2426 19.0342 12.7987 19.0342 12.3881 18.8973L7.65316 17.3188C7.24258 17.182 6.79868 17.182 6.3881 17.3188L3.65316 18.2306C3.04326 18.4339 2.37279 18.3317 1.85124 17.9558C1.32968 17.5799 1.02063 16.9762 1.02063 16.3333V4.3335C1.02063 3.47266 1.57145 2.7084 2.3881 2.43615L6.3881 1.10266C6.79868 0.965782 7.24258 0.965782 7.65316 1.10266L12.3881 2.68115C12.7987 2.81805 13.2426 2.81805 13.6532 2.68115L16.388 1.76931C16.9979 1.56596 17.6684 1.66821 18.19 2.0441C18.7116 2.41999 19.0206 3.0237 19.0206 3.66661Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+MapOpen.displayName = "MapOpen";
+const ForwardRef = forwardRef(MapOpen);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as MapOpen };

package/src/components/native/MapPin.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 MapPin = (props: Props, ref: React.Ref<Svg>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <Svg
+      viewBox="0 0 21 20"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <Path
+        d="M13.0218 1.00634V6.99883M7.01928 2.77707V17.003M19.0243 7.99925V3.61042C19.0243 3.17924 18.7482 2.79708 18.34 2.66103L13.654 1.09937C13.2419 0.962318 12.7977 0.962318 12.3855 1.09937L7.65155 2.67703C7.24038 2.81409 6.79719 2.81409 6.38602 2.67703L2.33333 1.32647C1.68606 1.11038 1.01678 1.59258 1.01678 2.27586V13.6196C1.01678 13.9987 1.23087 14.3459 1.57002 14.515L6.12491 16.7919C6.68815 17.074 7.35142 17.073 7.91466 16.7919L10.0205 15.7385M17.2155 18.7227C16.8294 19.0979 16.2181 19.0979 15.832 18.7227C14.8105 17.7313 13.0218 15.7265 13.0218 13.8497C13.0218 11.9159 14.5894 10.3482 16.5232 10.3482C18.457 10.3482 20.0247 11.9159 20.0247 13.8497C20.0247 15.7265 18.236 17.7313 17.2155 18.7227ZM16.5174 12.7201C16.0854 12.7201 15.7374 13.0711 15.7404 13.5001C15.7404 13.9321 16.0914 14.2801 16.5204 14.2801C16.9494 14.2801 17.3004 13.9291 17.3004 13.5001C17.3004 13.0681 16.9524 12.7201 16.5174 12.7201Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+MapPin.displayName = "MapPin";
+const ForwardRef = forwardRef(MapPin);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as MapPin };

package/src/components/native/MarkerBalance.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 MarkerBalance = (props: Props, ref: React.Ref<Svg>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <Svg
+      viewBox="0 0 25 24"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <Path
+        d="M12.0206 11.4336L13.0206 9.43359M3.02057 8V16C3.02057 17.3261 3.54736 18.5975 4.48505 19.5352C5.42273 20.4728 6.69449 21 8.02057 21H16.0206C17.3467 21 18.6184 20.4728 19.5561 19.5352C20.4938 18.5975 21.0206 17.3261 21.0206 16V8C21.0206 6.67392 20.4938 5.40155 19.5561 4.46387C18.6184 3.52619 17.3467 3 16.0206 3H8.02057C7.36396 3 6.71378 3.12959 6.10715 3.38086C5.50052 3.63213 4.94934 3.99957 4.48505 4.46387C4.02075 4.92816 3.65246 5.48029 3.40118 6.08691C3.14991 6.69354 3.02057 7.34339 3.02057 8ZM12.0206 6.43359C13.0814 6.43359 14.0989 6.85502 14.849 7.60517C15.5991 8.35531 16.0206 9.37273 16.0206 10.4336C16.0206 10.6988 15.9152 10.9532 15.7277 11.1407C15.5401 11.3282 15.2858 11.4336 15.0206 11.4336H9.02057C8.75535 11.4336 8.501 11.3282 8.31346 11.1407C8.12593 10.9532 8.02057 10.6988 8.02057 10.4336C8.02057 9.37273 8.442 8.35531 9.19214 7.60517C9.94229 6.85502 10.9597 6.43359 12.0206 6.43359Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+MarkerBalance.displayName = "MarkerBalance";
+const ForwardRef = forwardRef(MarkerBalance);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as MarkerBalance };

package/src/components/native/MarkerBlood.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 MarkerBlood = (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="M3.03015 7.28616C5.91215 7.79216 10.7162 9.69216 14.6792 7.18616C15.4243 6.63238 16.0174 5.8992 16.4033 5.05475C16.7891 4.2103 16.9553 3.28202 16.8862 2.35617V1.35016H1.13916M10.8941 9.97316L12.4512 11.5292C12.6052 11.6862 12.9191 11.9952 13.0731 12.1512C15.6731 14.2332 14.3451 18.7292 10.8941 18.6512C7.44314 18.7282 6.11114 14.2312 8.71514 12.1512C8.87114 11.9982 9.18215 11.6822 9.33715 11.5292L10.8941 9.97316ZM10.2691 1.34814H16.8822C16.9351 2.23864 16.8817 3.13229 16.7232 4.01016H14.9422C13.9914 4.05246 13.0482 3.82496 12.2213 3.35391C11.3944 2.88287 10.7176 2.18749 10.2691 1.34814Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+MarkerBlood.displayName = "MarkerBlood";
+const ForwardRef = forwardRef(MarkerBlood);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as MarkerBlood };

package/src/components/native/MarkerBloodType.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 MarkerBloodType = (props: Props, ref: React.Ref<Svg>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <Svg
+      viewBox="0 0 22 22"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <Path
+        d="M13.2046 11.9361C15.0306 13.6361 13.9616 17.0931 11.4106 17.2551M1.55063 11.2641V5.24908C1.5505 4.78075 1.64265 4.31698 1.82181 3.88428C2.00097 3.45157 2.26363 3.05845 2.59479 2.7273C2.92595 2.39614 3.31912 2.13345 3.75183 1.95428C4.18454 1.77512 4.64831 1.68297 5.11664 1.68311H16.9246C17.8704 1.68311 18.7774 2.05878 19.4462 2.72754C20.1149 3.39629 20.4906 4.30332 20.4906 5.24908V11.2641M11.0196 5.61911C11.8636 6.46511 12.8096 7.40912 13.6546 8.25412C13.9156 8.51912 14.4476 9.04308 14.7086 9.30808C19.1156 12.8321 16.8626 20.4451 11.0186 20.3151C5.17665 20.4451 2.91862 12.8311 7.32962 9.30808C7.59362 9.04808 8.12064 8.51412 8.38364 8.25412L11.0196 5.61911Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+MarkerBloodType.displayName = "MarkerBloodType";
+const ForwardRef = forwardRef(MarkerBloodType);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as MarkerBloodType };

package/src/components/native/MarkerFemaleSilhouette.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 MarkerFemaleSilhouette = (props: Props, ref: React.Ref<Svg>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <Svg
+      viewBox="0 0 20 22"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <Path
+        d="M5.31535 1.66846C7.46135 8.76846 -0.93265 10.0974 2.43335 20.1194M14.7734 1.66846C14.5931 2.22841 14.4777 2.8072 14.4294 3.39346C14.3896 4.02089 14.4363 4.65078 14.5684 5.26544L14.5814 5.33246C14.703 5.99727 14.9178 6.64161 15.2194 7.24646C15.8524 8.47046 16.7294 9.56944 17.3114 10.8254C18.6516 13.7557 18.7757 17.0978 17.6563 20.1194M3.35735 10.0294C5.21557 11.6721 7.61018 12.5788 10.0903 12.5788C12.5705 12.5788 14.9651 11.6721 16.8233 10.0294M1.95635 13.2045C4.89087 14.0489 7.64667 15.4217 10.0884 17.2555M17.5583 13.3954C14.8476 13.9438 12.2935 15.0904 10.0823 16.7515M10.0854 17.2565V20.3314M9.69335 8.60945H9.96635"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+MarkerFemaleSilhouette.displayName = "MarkerFemaleSilhouette";
+const ForwardRef = forwardRef(MarkerFemaleSilhouette);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as MarkerFemaleSilhouette };

package/src/components/native/MarkerGlucose.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 MarkerGlucose = (props: Props, ref: React.Ref<Svg>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <Svg
+      viewBox="0 0 20 20"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <Path
+        d="M11.8247 7.42798C13.7427 9.20998 12.6197 12.844 9.94066 13.013M14.6646 14.131C17.2036 14.613 18.8967 15.479 18.8967 16.467C18.8967 17.98 14.9227 19.207 10.0207 19.207C5.11865 19.207 1.14465 17.98 1.14465 16.467C1.14465 15.521 2.69766 14.687 5.05766 14.194M9.92265 0.792969C11.7962 2.55286 13.5773 4.40868 15.2587 6.35297C17.9447 10.406 14.9227 16.453 9.92265 16.226C4.71465 16.462 1.74566 9.96098 4.85566 5.96198C4.85566 5.96198 9.04865 1.66697 9.92265 0.792969Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+MarkerGlucose.displayName = "MarkerGlucose";
+const ForwardRef = forwardRef(MarkerGlucose);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as MarkerGlucose };

package/src/components/native/MarkerHeight.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 MarkerHeight = (props: Props, ref: React.Ref<Svg>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <Svg
+      viewBox="0 0 25 24"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <Path
+        d="M10.8647 3.87406L21.7637 14.7731M12.8047 21.0821L3.23074 11.5081M12.2587 5.63306L9.26274 8.62906M13.9297 7.30306L12.0017 9.23106M17.2707 10.6451L15.3427 12.5731M18.9417 12.3161L15.9457 15.3121M15.6257 8.94806L10.8577 13.7161M3.05357 7.58322L6.94266 3.69414C7.18873 3.44806 7.48087 3.25286 7.80238 3.11969C8.12389 2.98651 8.46849 2.91797 8.81649 2.91797C9.1645 2.91797 9.50909 2.98651 9.8306 3.11969C10.1521 3.25286 10.4442 3.44806 10.6903 3.69414L10.86 3.86384L3.22328 11.5006L3.05357 11.3309C2.5566 10.8339 2.2774 10.1599 2.2774 9.45706C2.2774 8.75423 2.5566 8.08019 3.05357 7.58322Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+MarkerHeight.displayName = "MarkerHeight";
+const ForwardRef = forwardRef(MarkerHeight);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as MarkerHeight };

package/src/components/native/MarkerHormone.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 MarkerHormone = (props: Props, ref: React.Ref<Svg>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <Svg
+      viewBox="0 0 20 22"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <Path
+        d="M11.109 4.95003L10.409 8.16304L12.843 10.374M14.808 1.33203L9.12797 3.15002L7.86299 8.97803L12.278 12.988L17.958 11.17L19.223 5.34204L14.808 1.33203ZM7.763 9.01104L2.08298 10.83L0.817993 16.658L5.23297 20.668L10.913 18.85L12.178 13.022L7.763 9.01104Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+MarkerHormone.displayName = "MarkerHormone";
+const ForwardRef = forwardRef(MarkerHormone);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as MarkerHormone };