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

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

package/src/components/native/MarkerHourglass.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 MarkerHourglass = (props: Props, ref: React.Ref<Svg>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <Svg
+      viewBox="0 0 18 22"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <Path
+        d="M1.73963 1.21191H16.3016M1.73963 20.7879H16.3016M4.04666 1.29089V6.1449C4.04693 6.52157 4.13479 6.89299 4.30331 7.22986C4.47183 7.56673 4.71634 7.85972 5.0176 8.08582L8.90066 10.9979L12.7837 8.08582C13.0852 7.85994 13.3298 7.56726 13.4984 7.23035C13.6669 6.89343 13.7546 6.52162 13.7546 6.1449V1.29089M13.7577 20.7069V15.8529C13.7577 15.476 13.67 15.1045 13.5014 14.7674C13.3329 14.4304 13.0882 14.1371 12.7866 13.911L8.90365 10.9989L5.02066 13.911C4.71937 14.1373 4.47482 14.4304 4.3063 14.7674C4.13779 15.1045 4.04992 15.4761 4.04965 15.8529V20.7069"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+MarkerHourglass.displayName = "MarkerHourglass";
+const ForwardRef = forwardRef(MarkerHourglass);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as MarkerHourglass };

package/src/components/native/MarkerKidney.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 MarkerKidney = (props: Props, ref: React.Ref<Svg>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <Svg
+      viewBox="0 0 24 20"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <Path
+        d="M13.1417 19.0276V15.5027C13.0967 14.5643 13.3565 13.6365 13.8823 12.8579C14.408 12.0793 15.1714 11.4916 16.0587 11.1826V9.63565C15.1714 9.32666 14.408 8.73901 13.8823 7.96042C13.3565 7.18182 13.0967 6.25404 13.1417 5.31564V0.972656M10.8997 0.972656V5.31467C10.9446 6.25306 10.6848 7.18082 10.1591 7.95941C9.63332 8.73801 8.86983 9.32565 7.98263 9.63464V11.1817C8.86983 11.4907 9.63332 12.0783 10.1591 12.8569C10.6848 13.6355 10.9446 14.5633 10.8997 15.5016V19.0257M18.1656 15.5447C17.6068 15.5447 17.0709 15.3227 16.6758 14.9275C16.2806 14.5324 16.0586 13.9965 16.0586 13.4377V6.56266C16.0586 6.00384 16.2806 5.46792 16.6758 5.07278C17.0709 4.67764 17.6068 4.45566 18.1656 4.45566C19.2986 4.45566 20.3852 4.90574 21.1864 5.7069C21.9876 6.50805 22.4376 7.59465 22.4376 8.72766V11.2727C22.4376 12.4057 21.9876 13.4923 21.1864 14.2934C20.3852 15.0946 19.2986 15.5447 18.1656 15.5447ZM5.87564 4.45566C6.43445 4.45566 6.97037 4.67764 7.36551 5.07278C7.76065 5.46792 7.98264 6.00385 7.98264 6.56266V13.4377C7.98264 13.9965 7.76065 14.5324 7.36551 14.9275C6.97037 15.3227 6.43445 15.5447 5.87564 15.5447C4.74263 15.5447 3.65603 15.0946 2.85488 14.2934C2.05372 13.4923 1.60364 12.4057 1.60364 11.2727V8.72766C1.60364 7.59465 2.05372 6.50805 2.85488 5.7069C3.65603 4.90574 4.74263 4.45566 5.87564 4.45566Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+MarkerKidney.displayName = "MarkerKidney";
+const ForwardRef = forwardRef(MarkerKidney);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as MarkerKidney };