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

package/src/components/web/MapOpen.tsx

@@ -0,0 +1,41 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+import { Ref, forwardRef, memo } from "react";
+interface Props extends React.SVGProps<SVGSVGElement> {
+  size?: number;
+  color?: string;
+}
+const MapOpen = (props: Props, ref: React.Ref<SVGSVGElement>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/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;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as MapOpen };

package/src/components/web/MapPin.tsx

@@ -0,0 +1,41 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+import { Ref, forwardRef, memo } from "react";
+interface Props extends React.SVGProps<SVGSVGElement> {
+  size?: number;
+  color?: string;
+}
+const MapPin = (props: Props, ref: React.Ref<SVGSVGElement>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/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;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as MapPin };

package/src/components/web/MarkerBalance.tsx

@@ -0,0 +1,41 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+import { Ref, forwardRef, memo } from "react";
+interface Props extends React.SVGProps<SVGSVGElement> {
+  size?: number;
+  color?: string;
+}
+const MarkerBalance = (props: Props, ref: React.Ref<SVGSVGElement>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/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;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as MarkerBalance };

package/src/components/web/MarkerBlood.tsx

@@ -0,0 +1,41 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+import { Ref, forwardRef, memo } from "react";
+interface Props extends React.SVGProps<SVGSVGElement> {
+  size?: number;
+  color?: string;
+}
+const MarkerBlood = (props: Props, ref: React.Ref<SVGSVGElement>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/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;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as MarkerBlood };

package/src/components/web/MarkerBloodType.tsx

@@ -0,0 +1,41 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+import { Ref, forwardRef, memo } from "react";
+interface Props extends React.SVGProps<SVGSVGElement> {
+  size?: number;
+  color?: string;
+}
+const MarkerBloodType = (props: Props, ref: React.Ref<SVGSVGElement>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/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;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as MarkerBloodType };

package/src/components/web/MarkerFemaleSilhouette.tsx

@@ -0,0 +1,44 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+import { Ref, forwardRef, memo } from "react";
+interface Props extends React.SVGProps<SVGSVGElement> {
+  size?: number;
+  color?: string;
+}
+const MarkerFemaleSilhouette = (
+  props: Props,
+  ref: React.Ref<SVGSVGElement>
+) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/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;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as MarkerFemaleSilhouette };

package/src/components/web/MarkerGlucose.tsx

@@ -0,0 +1,41 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+import { Ref, forwardRef, memo } from "react";
+interface Props extends React.SVGProps<SVGSVGElement> {
+  size?: number;
+  color?: string;
+}
+const MarkerGlucose = (props: Props, ref: React.Ref<SVGSVGElement>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/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;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as MarkerGlucose };

package/src/components/web/MarkerHeight.tsx

@@ -0,0 +1,41 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+import { Ref, forwardRef, memo } from "react";
+interface Props extends React.SVGProps<SVGSVGElement> {
+  size?: number;
+  color?: string;
+}
+const MarkerHeight = (props: Props, ref: React.Ref<SVGSVGElement>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/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;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as MarkerHeight };

package/src/components/web/MarkerHormone.tsx

@@ -0,0 +1,41 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+import { Ref, forwardRef, memo } from "react";
+interface Props extends React.SVGProps<SVGSVGElement> {
+  size?: number;
+  color?: string;
+}
+const MarkerHormone = (props: Props, ref: React.Ref<SVGSVGElement>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/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;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as MarkerHormone };

package/src/components/web/MarkerHourglass.tsx

@@ -0,0 +1,41 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+import { Ref, forwardRef, memo } from "react";
+interface Props extends React.SVGProps<SVGSVGElement> {
+  size?: number;
+  color?: string;
+}
+const MarkerHourglass = (props: Props, ref: React.Ref<SVGSVGElement>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/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;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as MarkerHourglass };

package/src/components/web/MarkerKidney.tsx

@@ -0,0 +1,41 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+import { Ref, forwardRef, memo } from "react";
+interface Props extends React.SVGProps<SVGSVGElement> {
+  size?: number;
+  color?: string;
+}
+const MarkerKidney = (props: Props, ref: React.Ref<SVGSVGElement>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/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;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as MarkerKidney };

package/src/components/web/MarkerLiver.tsx

@@ -0,0 +1,47 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+import { Ref, forwardRef, memo } from "react";
+interface Props extends React.SVGProps<SVGSVGElement> {
+  size?: number;
+  color?: string;
+}
+const MarkerLiver = (props: Props, ref: React.Ref<SVGSVGElement>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 18 18"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <path
+        d="M1.03259 15.8591V6.14713C1.03259 4.7863 1.57317 3.48123 2.53542 2.51898C3.49767 1.55673 4.80276 1.01614 6.16359 1.01614H8.68759C8.98596 1.01614 9.27211 1.13466 9.48309 1.34564C9.69406 1.55662 9.81259 1.84278 9.81259 2.14114V5.42215C9.81257 8.22283 8.69998 10.9088 6.71959 12.8891L2.95259 16.6561C2.79514 16.8134 2.59459 16.9204 2.37631 16.9637C2.15802 17.0069 1.93181 16.9845 1.72628 16.8992C1.52075 16.8139 1.34515 16.6695 1.22167 16.4844C1.09819 16.2992 1.03239 16.0817 1.03259 15.8591Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M10.9406 1.01514H15.8796C16.1024 1.01435 16.3204 1.07973 16.506 1.20298C16.6916 1.32623 16.8364 1.50179 16.9221 1.70744C17.0078 1.91309 17.0305 2.13957 16.9873 2.35813C16.9441 2.5767 16.837 2.77753 16.6796 2.93516L12.6246 6.99015C12.3948 7.21873 12.1025 7.3742 11.7845 7.43696C11.4665 7.49971 11.1371 7.46693 10.8377 7.34278C10.5383 7.21863 10.2823 7.00868 10.102 6.73933C9.92174 6.46997 9.82521 6.15326 9.82459 5.82914V2.14014C9.82458 1.84333 9.94187 1.55854 10.1509 1.34782C10.3599 1.13709 10.6438 1.01752 10.9406 1.01514Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+MarkerLiver.displayName = "MarkerLiver";
+const ForwardRef = forwardRef(MarkerLiver);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as MarkerLiver };

package/src/components/web/MarkerMaleSilhouette.tsx

@@ -0,0 +1,41 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+import { Ref, forwardRef, memo } from "react";
+interface Props extends React.SVGProps<SVGSVGElement> {
+  size?: number;
+  color?: string;
+}
+const MarkerMaleSilhouette = (props: Props, ref: React.Ref<SVGSVGElement>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 25 24"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <path
+        d="M5.43612 3.38477C6.43612 9.93877 2.53612 11.1678 4.10012 20.4198M18.6001 3.38477C18.514 3.91201 18.4599 4.44397 18.4381 4.97775C18.4192 5.5549 18.4409 6.13266 18.5031 6.70676L18.5091 6.76776C18.5632 7.36364 18.6636 7.95441 18.8091 8.53476C19.1091 9.66476 19.5211 10.6798 19.7961 11.8348C20.4295 14.6544 20.4846 17.5732 19.9581 20.4148M4.50911 19.2538C7.08008 18.9505 9.61688 18.4064 12.0861 17.6288C14.5692 18.4083 17.1319 18.9068 19.7261 19.1148M12.0871 16.6548V20.6148M11.9761 8.93577H12.2461M4.69011 10.7528C9.49744 12.0113 14.5478 12.0113 19.3551 10.7528"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+MarkerMaleSilhouette.displayName = "MarkerMaleSilhouette";
+const ForwardRef = forwardRef(MarkerMaleSilhouette);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as MarkerMaleSilhouette };

package/src/components/web/MarkerThyroid.tsx

@@ -0,0 +1,41 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+import { Ref, forwardRef, memo } from "react";
+interface Props extends React.SVGProps<SVGSVGElement> {
+  size?: number;
+  color?: string;
+}
+const MarkerThyroid = (props: Props, ref: React.Ref<SVGSVGElement>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 22"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <path
+        d="M17.44 6.00366V9.92364C17.44 10.5986 17.7082 11.246 18.1855 11.7232C18.6627 12.2005 19.3101 12.4687 19.9851 12.4687L22.47 12.6346M6.95604 6.00366V9.92364C6.95604 10.5986 6.68791 11.246 6.21063 11.7232C5.73335 12.2005 5.08602 12.4687 4.41104 12.4687L1.57104 12.7176M4.17005 1.11865L4.87905 3.17764C5.13956 3.93273 5.56837 4.6187 6.13305 5.18365L9.44904 8.49963C10.1678 9.21825 11.1426 9.62198 12.159 9.62198C13.1755 9.62198 14.1502 9.21825 14.869 8.49963L18.06 5.30765C18.704 4.66403 19.1698 3.8643 19.412 2.98666L19.9271 1.11865M16.126 13.6641C16.0494 13.5992 15.9564 13.5567 15.8572 13.541C15.758 13.5254 15.6564 13.538 15.5636 13.5762C15.4707 13.6144 15.3901 13.6769 15.3305 13.7578C15.271 13.8387 15.2349 13.9342 15.226 14.0342C14.952 15.1972 14.217 17.0908 12.331 17.0908C10.485 17.0908 9.73105 15.1903 9.44705 14.0293C9.33205 13.5653 8.87804 13.3703 8.55404 13.6533C8.03648 14.1346 7.6264 14.7194 7.35067 15.3701C7.07495 16.0208 6.93976 16.7231 6.954 17.4297C6.94022 18.6162 7.33458 19.7708 8.07101 20.7012C8.11141 20.7548 8.16328 20.7991 8.2228 20.8301C8.28232 20.8611 8.34799 20.8785 8.41506 20.8809C8.48213 20.8833 8.54892 20.8705 8.6105 20.8438C8.67208 20.8171 8.7269 20.7772 8.77102 20.7266C9.21799 20.2207 9.76533 19.8133 10.3782 19.5303C10.9911 19.2473 11.6561 19.0943 12.331 19.082C13.006 19.0943 13.671 19.2473 14.2838 19.5303C14.8967 19.8133 15.444 20.2207 15.891 20.7266C15.9351 20.7772 15.99 20.8171 16.0516 20.8438C16.1132 20.8705 16.1799 20.8833 16.247 20.8809C16.314 20.8785 16.3797 20.8611 16.4392 20.8301C16.4988 20.7991 16.5506 20.7548 16.591 20.7012C17.3275 19.7708 17.7218 18.6162 17.708 17.4297C17.7228 16.7263 17.5896 16.0275 17.317 15.3789C17.0445 14.7303 16.6387 14.1458 16.126 13.6641Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+MarkerThyroid.displayName = "MarkerThyroid";
+const ForwardRef = forwardRef(MarkerThyroid);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as MarkerThyroid };

package/src/components/web/MarkerVaccine.tsx

@@ -0,0 +1,41 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+import { Ref, forwardRef, memo } from "react";
+interface Props extends React.SVGProps<SVGSVGElement> {
+  size?: number;
+  color?: string;
+}
+const MarkerVaccine = (props: Props, ref: React.Ref<SVGSVGElement>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 25 24"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <path
+        d="M13.584 9.52363L16.904 11.0806M9.32298 1.95264L12.567 3.47464C13.3705 3.85158 13.9915 4.53224 14.2932 5.36694C14.5949 6.20164 14.5528 7.12201 14.176 7.92563L12.733 11.0016C12.356 11.8052 11.6754 12.4261 10.8407 12.7278C10.006 13.0296 9.08562 12.9874 8.282 12.6106L2.877 10.0746M4.27299 10.5846C4.34073 10.004 4.53755 9.44586 4.84901 8.95115C5.16047 8.45645 5.57867 8.03771 6.07298 7.72563C7.22498 7.06263 8.343 7.48964 9.58 7.34764C9.98605 7.29603 10.3773 7.16235 10.7301 6.95475C11.0829 6.74715 11.3897 6.46995 11.632 6.14003C11.8743 5.81011 12.0469 5.43436 12.1394 5.03563C12.2319 4.63689 12.2423 4.22351 12.17 3.82063M18.523 16.3236C18.8117 16.6126 19.0139 16.9764 19.107 17.3741C19.2 17.7718 19.1801 18.1876 19.0495 18.5746C18.919 18.9617 18.6829 19.3045 18.368 19.5646C18.053 19.8247 17.6717 19.9916 17.267 20.0466M17.173 12.3876C17.173 12.3876 20.123 15.2436 20.513 15.8676C20.914 16.4809 21.1386 17.1926 21.1622 17.9249C21.1858 18.6572 21.0075 19.382 20.6467 20.0197C20.286 20.6575 19.7569 21.1838 19.1171 21.5409C18.4773 21.8981 17.7516 22.0724 17.0195 22.0447C16.2873 22.017 15.5768 21.7885 14.9658 21.3841C14.3548 20.9797 13.8668 20.415 13.5553 19.7518C13.2437 19.0886 13.1206 18.3525 13.1994 17.6241C13.2782 16.8956 13.5558 16.2028 14.002 15.6216L17.173 12.3876Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+MarkerVaccine.displayName = "MarkerVaccine";
+const ForwardRef = forwardRef(MarkerVaccine);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as MarkerVaccine };