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

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

package/src/components/web/MarkerVirus.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 MarkerVirus = (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="M18.0866 11.0007C18.0866 14.3509 15.3708 17.0667 12.0206 17.0667M18.0866 11.0007C18.0866 7.65054 15.3708 4.9347 12.0206 4.9347M18.0866 11.0007H22.4756M12.0206 17.0667C8.67048 17.0667 5.95464 14.3509 5.95464 11.0007M12.0206 17.0667V20.9877M5.95464 11.0007C5.95464 7.65054 8.67048 4.9347 12.0206 4.9347M5.95464 11.0007H1.56564M12.0206 4.9347V1.0127M7.75819 15.3167L4.24364 18.7777M19.7976 3.2237L16.3366 6.6847M16.3366 15.2631L19.7506 18.7307M4.29164 3.2717L7.75819 6.6847M13.4436 11.0007C13.4436 11.7866 12.8065 12.4237 12.0206 12.4237C11.2347 12.4237 10.5976 11.7866 10.5976 11.0007C10.5976 10.2148 11.2347 9.57769 12.0206 9.57769C12.8065 9.57769 13.4436 10.2148 13.4436 11.0007Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+MarkerVirus.displayName = "MarkerVirus";
+const ForwardRef = forwardRef(MarkerVirus);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as MarkerVirus };

package/src/components/web/Mask.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 Mask = (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 18"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <path
+        d="M8.24383 10.6667H13.7994M8.24383 7.33333H13.7994M18.0206 12H19.0206C20.1252 12 21.0206 11.1046 21.0206 10V8C21.0206 6.89543 20.1252 6 19.0206 6H18.0206M18.0206 12C18.0206 14.8306 12.4046 17 11.0206 17C9.63663 17 4.02063 14.8306 4.02063 12M18.0206 12V4.98894C18.0206 4.1175 17.4564 3.34637 16.6258 3.08269L12.231 1.6875C11.4434 1.4375 10.5978 1.4375 9.81031 1.6875L5.41547 3.08269C4.58488 3.34637 4.02063 4.1175 4.02063 4.98894V12M4.02063 6H3.02063C1.91606 6 1.02063 6.89543 1.02063 8V10C1.02063 11.1046 1.91606 12 3.02063 12H4.02063"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+Mask.displayName = "Mask";
+const ForwardRef = forwardRef(Mask);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Mask };

package/src/components/web/MenuBoardSquare.tsx

@@ -0,0 +1,59 @@
+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 MenuBoardSquare = (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.5206 3.5C11.5206 2.11929 12.6399 1 14.0206 1H16.5206C17.9013 1 19.0206 2.11929 19.0206 3.5V6C19.0206 7.38071 17.9013 8.5 16.5206 8.5H14.0206C12.6399 8.5 11.5206 7.38071 11.5206 6V3.5Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M11.5206 14C11.5206 12.6193 12.6399 11.5 14.0206 11.5H16.5206C17.9013 11.5 19.0206 12.6193 19.0206 14V16.5C19.0206 17.8807 17.9013 19 16.5206 19H14.0206C12.6399 19 11.5206 17.8807 11.5206 16.5V14Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M1.02057 3.5C1.02057 2.11929 2.13986 1 3.52057 1H6.02057C7.40128 1 8.52057 2.11929 8.52057 3.5V6C8.52057 7.38071 7.40128 8.5 6.02057 8.5H3.52057C2.13986 8.5 1.02057 7.38071 1.02057 6V3.5Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M1.02057 14C1.02057 12.6193 2.13986 11.5 3.52057 11.5H6.02057C7.40128 11.5 8.52057 12.6193 8.52057 14V16.5C8.52057 17.8807 7.40128 19 6.02057 19H3.52057C2.13986 19 1.02057 17.8807 1.02057 16.5V14Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+MenuBoardSquare.displayName = "MenuBoardSquare";
+const ForwardRef = forwardRef(MenuBoardSquare);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as MenuBoardSquare };