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

package/src/components/web/DocHealthStripe.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 DocHealthStripe = (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 24"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <path
+        d="M5.01855 12H13.0186M5.01855 15H13.0186M9.01855 4.98V8.52M10.7886 6.75H7.24855M15.0186 1H3.01855C1.90855 1 1.01855 1.89 1.01855 3V17C1.01855 18.1 1.90855 19 3.01855 19H15.0186C16.1186 19 17.0186 18.1 17.0186 17V3C17.0186 1.89 16.1186 1 15.0186 1Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+DocHealthStripe.displayName = "DocHealthStripe";
+const ForwardRef = forwardRef(DocHealthStripe);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as DocHealthStripe };

package/src/components/web/DocHeart.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 DocHeart = (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 24"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <path
+        d="M5.02138 6H13.0214M8.02138 19H3.02138C2.49094 19 1.98224 18.7891 1.60716 18.4141C1.23209 18.039 1.02138 17.5304 1.02138 17V3C1.02138 2.46957 1.23209 1.96101 1.60716 1.58594C1.98224 1.21086 2.49094 1 3.02138 1H15.0214C15.5518 1 16.0605 1.21086 16.4356 1.58594C16.8107 1.96101 17.0214 2.46957 17.0214 3V7M14.9054 11.8801L14.5124 12.2991L14.1174 11.8801C13.7013 11.4376 13.1305 11.1729 12.5239 11.1408C11.9173 11.1088 11.3218 11.312 10.8614 11.7082C10.3952 12.1137 10.1044 12.6845 10.0503 13.3C9.99626 13.9155 10.1831 14.5275 10.5714 15.008C11.7185 16.492 13.0419 17.8311 14.5124 18.9953C16.0174 17.8015 17.3693 16.4257 18.5374 14.9006C18.8997 14.4344 19.0682 13.8473 19.0079 13.26C18.9475 12.6727 18.663 12.131 18.2134 11.7483L18.1714 11.7112C17.7102 11.3128 17.113 11.1074 16.5044 11.1389C15.8958 11.1704 15.3229 11.4362 14.9054 11.8801Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+DocHeart.displayName = "DocHeart";
+const ForwardRef = forwardRef(DocHeart);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as DocHeart };

package/src/components/web/DocImageExam.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 DocImageExam = (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 24"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <path
+        d="M9.04262 15.6329C9.04288 15.2894 8.97545 14.9494 8.84414 14.6319C8.71283 14.3145 8.52023 14.0262 8.27736 13.7833C8.0345 13.5403 7.74612 13.3473 7.42873 13.2159C7.11134 13.0845 6.77116 13.0165 6.42763 13.0167C5.73409 13.0167 5.06892 12.7415 4.57851 12.2511C4.0881 11.7606 3.81264 11.096 3.81264 10.4024M6.42664 5.16644C7.12018 5.16644 7.78535 5.44166 8.27576 5.93207C8.76617 6.42248 9.04163 7.08716 9.04163 7.7807M13.2716 10.4009C13.363 10.1489 13.5031 9.91707 13.684 9.71924C13.8649 9.52141 14.083 9.36203 14.3258 9.24854C14.5687 9.13505 14.8316 9.06995 15.0994 9.05811C15.3672 9.04626 15.6347 9.0876 15.8866 9.1792M1.02063 3V17C1.02063 17.5304 1.23134 18.039 1.60641 18.4141C1.98149 18.7891 2.4902 19 3.02063 19H17.0206C17.5511 19 18.0598 18.7891 18.4348 18.4141C18.8099 18.039 19.0206 17.5304 19.0206 17V3C19.0206 2.46957 18.8099 1.96101 18.4348 1.58594C18.0598 1.21086 17.5511 1 17.0206 1H3.02063C2.4902 1 1.98149 1.21086 1.60641 1.58594C1.23134 1.96101 1.02063 2.46957 1.02063 3ZM14.5248 14C14.591 14.001 14.656 14.0185 14.7168 14.0447C14.7775 14.071 14.8329 14.1091 14.8789 14.1566C14.925 14.204 14.9608 14.259 14.9852 14.3206C15.0096 14.3821 15.0216 14.4482 15.0206 14.5144C15.0206 14.647 14.968 14.771 14.8743 14.8648C14.7805 14.9585 14.6537 15.0139 14.5211 15.0139C14.3885 15.0139 14.2608 14.9585 14.167 14.8648C14.0732 14.771 14.0207 14.647 14.0207 14.5144C14.0197 14.4482 14.0317 14.3821 14.0561 14.3206C14.0805 14.259 14.1172 14.204 14.1633 14.1566C14.2093 14.1091 14.2637 14.071 14.3245 14.0447C14.3852 14.0185 14.4587 14.001 14.5248 14ZM13.4028 4.44769C13.5351 4.44969 13.6613 4.50252 13.7542 4.5968C13.847 4.69108 13.8986 4.82235 13.8986 4.95468C13.8986 5.0873 13.8461 5.21131 13.7523 5.3051C13.6585 5.39888 13.5317 5.45421 13.3991 5.45421C13.2665 5.45421 13.1387 5.39888 13.0449 5.3051C12.9512 5.21131 12.8986 5.0873 12.8986 4.95468C12.8986 4.82235 12.9512 4.69108 13.044 4.5968C13.1369 4.50252 13.2705 4.44969 13.4028 4.44769Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+DocImageExam.displayName = "DocImageExam";
+const ForwardRef = forwardRef(DocImageExam);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as DocImageExam };

package/src/components/web/DocInvisible.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 DocInvisible = (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 24"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <path
+        d="M19.0327 7.82764C19.0325 7.29725 18.8217 6.78905 18.4466 6.41406L15.6186 3.58594C15.2436 3.21084 14.735 3.00011 14.2047 3H7.03265C6.50222 3 5.99354 3.21038 5.61847 3.58545C5.2434 3.96052 5.03265 4.46957 5.03265 5M5.03265 19C5.03265 19.5304 5.2434 20.039 5.61847 20.4141C5.99354 20.7891 6.50222 21 7.03265 21H17.0327C17.5631 21 18.0718 20.7891 18.4468 20.4141C18.8219 20.039 19.0327 19.5304 19.0327 19M5.00861 13.5H5.01862M5.02264 7.5H5.03265M19.0086 13.5H19.0186M5.02264 10.4897L5.02765 10.4946L5.03265 10.4897H5.02264ZM5.02264 16.4897L5.02765 16.4946L5.03265 16.4897H5.02264ZM19.0226 10.4897L19.0276 10.4946L19.0327 10.4897H19.0226ZM19.0226 16.4897L19.0276 16.4946L19.0327 16.4897H19.0226Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+DocInvisible.displayName = "DocInvisible";
+const ForwardRef = forwardRef(DocInvisible);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as DocInvisible };

package/src/components/web/DocLabExam.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 DocLabExam = (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 24"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <path
+        d="M18.5219 6.5V3.5C18.5219 2.96957 18.3111 2.46003 17.936 2.08496C17.561 1.70989 17.0523 1.5 16.5219 1.5H3.52185C2.99142 1.5 2.48274 1.70989 2.10767 2.08496C1.73259 2.46003 1.52185 2.96957 1.52185 3.5V17.5C1.52185 18.0304 1.73259 18.539 2.10767 18.9141C2.48274 19.2891 2.99142 19.5 3.52185 19.5H8.52185M5.52185 13.5H7.52185M5.52185 9.5H9.52185M5.52185 5.5H14.5219M18.3728 9.5H13.8728M17.6228 9.5V13.2803L20.2159 17.4404C20.405 17.7434 20.5095 18.0921 20.5186 18.4492C20.5277 18.8063 20.441 19.1585 20.2675 19.4707C20.094 19.7829 19.8399 20.0437 19.5319 20.2246C19.2239 20.4055 18.8731 20.5006 18.5159 20.5H13.7239C13.3667 20.5006 13.0158 20.4055 12.7078 20.2246C12.3998 20.0437 12.1458 19.7829 11.9723 19.4707C11.7988 19.1585 11.712 18.8063 11.7211 18.4492C11.7302 18.0921 11.8347 17.7434 12.0238 17.4404L14.6169 13.2803V9.5M17.7588 13.5H14.4868"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+DocLabExam.displayName = "DocLabExam";
+const ForwardRef = forwardRef(DocLabExam);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as DocLabExam };

package/src/components/web/DocList.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 DocList = (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 24"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <path
+        d="M5.02051 17C5.02051 17.5304 4.80979 18.0391 4.43472 18.4142C4.05965 18.7893 3.55094 19 3.02051 19M5.02051 17V4H3.02051C2.49007 4 1.98137 4.21071 1.60629 4.58579C1.23122 4.96086 1.02051 5.46957 1.02051 6V17C1.02051 17.5304 1.23122 18.0391 1.60629 18.4142C1.98137 18.7893 2.49007 19 3.02051 19M5.02051 17V3C5.02051 2.46957 5.23122 1.96086 5.60629 1.58579C5.98137 1.21071 6.49007 1 7.02051 1H17.0205C17.5509 1 18.0596 1.21071 18.4347 1.58579C18.8098 1.96086 19.0205 2.46957 19.0205 3V17C19.0205 17.5304 18.8098 18.0391 18.4347 18.4142C18.0596 18.7893 17.5509 19 17.0205 19H3.02051M8.52051 6H15.5205M8.52051 10H15.5205M8.52051 14H15.5205"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+DocList.displayName = "DocList";
+const ForwardRef = forwardRef(DocList);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as DocList };

package/src/components/web/DocScan.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 DocScan = (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 24"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <path
+        d="M3.02063 13V17C3.02063 17.5304 3.23137 18.0395 3.60645 18.4146C3.98152 18.7896 4.4902 19 5.02063 19H15.0206C15.5511 19 16.0597 18.7896 16.4348 18.4146C16.8099 18.0395 17.0206 17.5304 17.0206 17V13M17.0206 7V5.82812C17.0205 5.29774 16.8097 4.78905 16.4346 4.41406L13.6066 1.58594C13.2316 1.21084 12.723 1.00011 12.1926 1H5.02063C4.4902 1 3.98152 1.21086 3.60645 1.58594C3.23137 1.96101 3.02063 2.46957 3.02063 3V7M12.0206 10H14.0206M17.0206 10H19.0206M6.42065 10H8.42065M1.02063 10H3.02063"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+DocScan.displayName = "DocScan";
+const ForwardRef = forwardRef(DocScan);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as DocScan };

package/src/components/web/DocWrite.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 DocWrite = (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 24"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <path
+        d="M7.51965 19H3.51965C2.98922 19 2.48054 18.7891 2.10547 18.4141C1.7304 18.039 1.51965 17.5304 1.51965 17V3C1.51965 2.46957 1.7304 1.96003 2.10547 1.58496C2.48054 1.20989 2.98922 1 3.51965 1H15.5197C16.0501 1 16.5588 1.20989 16.9338 1.58496C17.3089 1.96003 17.5197 2.46957 17.5197 3V6M5.52064 5.99858H11.5206M5.52064 9.99858H7.52064M10.5197 19L13.1447 18.6758C13.3289 18.6526 13.5005 18.569 13.6327 18.4385L19.9917 12.0781C20.1597 11.9109 20.2929 11.713 20.3838 11.4942C20.4747 11.2753 20.5216 11.0398 20.5216 10.8028C20.5216 10.5657 20.4747 10.3312 20.3838 10.1123C20.2929 9.89344 20.1597 9.69461 19.9917 9.52737C19.8245 9.35941 19.6256 9.2267 19.4067 9.13577C19.1879 9.04483 18.9532 8.99807 18.7162 8.99807C18.4792 8.99807 18.2444 9.04483 18.0255 9.13577C17.8066 9.2267 17.6079 9.35941 17.4407 9.52737L11.1406 15.8272C11.0127 15.9546 10.9299 16.121 10.9047 16.2998L10.5197 19Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+DocWrite.displayName = "DocWrite";
+const ForwardRef = forwardRef(DocWrite);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as DocWrite };

package/src/components/web/Doctor.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 Doctor = (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 24"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <path
+        d="M5.61052 16.02C4.80418 16.02 4.15051 16.6871 4.15051 17.51C4.15051 18.3329 4.80418 19 5.61052 19C6.41685 19 7.07051 18.3329 7.07051 17.51C7.07051 16.6871 6.41685 16.02 5.61052 16.02ZM5.61052 16.02L5.61063 12.28M5.90051 4.96002V7.02002C5.90051 9.17002 7.64052 10.91 9.79052 10.91C11.9405 10.91 13.6805 9.17002 13.6805 7.02002V4.96002H5.90051ZM5.90051 4.96002L5.90062 2.94C5.90062 1.87 6.77063 1 7.84063 1H11.7306C12.8006 1 13.6706 1.87 13.6706 2.94V4.96H5.89062L5.90051 4.96002ZM19.0406 17.72V16.46C19.0406 15.04 18.0606 13.82 16.6906 13.54L12.6506 12.83L10.0306 16.72L7.41063 12.83L3.37063 13.54C2.01063 13.82 1.02063 15.04 1.02063 16.46V17.72"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+Doctor.displayName = "Doctor";
+const ForwardRef = forwardRef(Doctor);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Doctor };

package/src/components/web/DocumentNot.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 DocumentNot = (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 24"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <path
+        d="M10.0206 6H14.0206M5.02057 14H9.02057M13.0206 19H3.02057C2.49014 19 1.98143 18.7891 1.60635 18.4141C1.23128 18.039 1.02057 17.5304 1.02057 17V5M1.02057 1L17.0206 18M5.02057 1H15.0206C15.551 1 16.0597 1.21086 16.4348 1.58594C16.8099 1.96101 17.0206 2.46957 17.0206 3V13"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+DocumentNot.displayName = "DocumentNot";
+const ForwardRef = forwardRef(DocumentNot);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as DocumentNot };

package/src/components/web/Documents.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 Documents = (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 24"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <path
+        d="M16.0205 17H18.0205C18.5509 17 19.0596 16.7891 19.4347 16.4141C19.8098 16.039 20.0205 15.5304 20.0205 15V5C20.0205 4.46957 19.8098 3.96052 19.4347 3.58545C19.0596 3.21038 18.5509 3 18.0205 3H10.0205C9.49007 3 8.9814 3.21038 8.60632 3.58545C8.23125 3.96052 8.02051 4.46957 8.02051 5V7M8.02051 12H12.0205M8.02051 16H12.0205M6.02051 7H14.0205C15.1251 7 16.0205 7.89543 16.0205 9V19C16.0205 20.1046 15.1251 21 14.0205 21H6.02051C4.91594 21 4.02051 20.1046 4.02051 19V9C4.02051 7.89543 4.91594 7 6.02051 7Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+Documents.displayName = "Documents";
+const ForwardRef = forwardRef(Documents);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Documents };

package/src/components/web/DripChamber.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 DripChamber = (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 24"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <path
+        d="M19.0283 9.99936V17.0023C19.0283 19.2122 17.2365 21.0039 15.0266 21.0039H11.6922C9.4823 21.0039 7.69055 19.2122 7.69055 17.0023V15.9428M13.9962 5.24738C12.2545 5.82162 9.43228 5.82162 7.69155 5.24738C5.95083 4.67314 3.12865 4.67314 1.38693 5.24738M5.46863 9.33008H9.91548M5.46863 12.1092H9.91548M1.83411 10.0964L1.06579 13.893C0.757663 15.4186 2.07221 16.7812 3.60885 16.5261L6.6011 16.0309C7.3234 15.9108 8.0597 15.9108 8.78201 16.0309L11.7572 16.5241C13.3019 16.7802 14.6244 15.4106 14.3143 13.877L13.55 10.0974C13.3739 9.22504 13.3739 8.32666 13.55 7.4543L14.3143 3.67472C14.6244 2.14108 13.3019 0.771514 11.7572 1.02762L8.78201 1.52083C8.0597 1.64088 7.3234 1.64088 6.6011 1.52083L3.62586 1.02662C2.08121 0.770514 0.759664 2.14008 1.06979 3.67372L1.83411 7.4533C2.01018 8.32566 2.01018 9.22504 1.83411 10.0964Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+DripChamber.displayName = "DripChamber";
+const ForwardRef = forwardRef(DripChamber);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as DripChamber };

package/src/components/web/Edit.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 Edit = (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 24"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <path
+        d="M21.0197 11V19C21.0197 19.5304 20.809 20.0391 20.4339 20.4142C20.0589 20.7893 19.5501 21 19.0197 21H5.01971C4.48928 21 3.98057 20.7893 3.6055 20.4142C3.23043 20.0391 3.01971 19.5304 3.01971 19V5C3.01971 4.46957 3.23043 3.96086 3.6055 3.58578C3.98057 3.21071 4.48928 3 5.01971 3H13.0197M16.1057 5.085L18.9337 7.913M20.7267 6.12099L9.84872 17H7.01971V14.171L17.9027 3.293C18.0902 3.10553 18.3445 3.00021 18.6097 3.00021C18.8749 3.00021 19.1292 3.10553 19.3167 3.293L20.7307 4.707C20.9177 4.89506 21.0223 5.14966 21.0215 5.41483C21.0208 5.67999 20.9147 5.934 20.7267 6.12099Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+Edit.displayName = "Edit";
+const ForwardRef = forwardRef(Edit);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Edit };

package/src/components/web/Ellipsis.tsx

@@ -0,0 +1,65 @@
+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 Ellipsis = (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 24"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <path
+        d="M6.02063 13C5.75541 13 5.50106 12.8946 5.31352 12.7071C5.12598 12.5195 5.02063 12.2652 5.02063 12C5.02063 11.7348 5.12598 11.4804 5.31352 11.2929C5.50106 11.1053 5.75541 11 6.02063 11C6.28585 11 6.5402 11.1053 6.72774 11.2929C6.91528 11.4804 7.02063 11.7348 7.02063 12C7.02063 12.2652 6.91528 12.5195 6.72774 12.7071C6.5402 12.8946 6.28585 13 6.02063 13Z"
+        fill={color}
+      />
+      <path
+        d="M12.0206 13C11.7554 13 11.5011 12.8947 11.3135 12.7071C11.126 12.5196 11.0206 12.2653 11.0206 12C11.0206 11.7348 11.126 11.4804 11.3135 11.2929C11.5011 11.1054 11.7554 11 12.0206 11C12.2859 11 12.5402 11.1054 12.7277 11.2929C12.9153 11.4804 13.0206 11.7348 13.0206 12C13.0206 12.2653 12.9153 12.5196 12.7277 12.7071C12.5402 12.8947 12.2859 13 12.0206 13Z"
+        fill={color}
+      />
+      <path
+        d="M18.0206 13C17.7554 13 17.5011 12.8947 17.3135 12.7071C17.126 12.5196 17.0206 12.2653 17.0206 12C17.0206 11.7348 17.126 11.4804 17.3135 11.2929C17.5011 11.1054 17.7554 11 18.0206 11C18.2858 11 18.5402 11.1054 18.7277 11.2929C18.9153 11.4804 19.0206 11.7348 19.0206 12C19.0206 12.2653 18.9153 12.5196 18.7277 12.7071C18.5402 12.8947 18.2858 13 18.0206 13Z"
+        fill={color}
+      />
+      <path
+        d="M6.02063 13C5.75541 13 5.50106 12.8946 5.31352 12.7071C5.12598 12.5195 5.02063 12.2652 5.02063 12C5.02063 11.7348 5.12598 11.4804 5.31352 11.2929C5.50106 11.1053 5.75541 11 6.02063 11C6.28585 11 6.5402 11.1053 6.72774 11.2929C6.91528 11.4804 7.02063 11.7348 7.02063 12C7.02063 12.2652 6.91528 12.5195 6.72774 12.7071C6.5402 12.8946 6.28585 13 6.02063 13Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M12.0206 13C11.7554 13 11.5011 12.8947 11.3135 12.7071C11.126 12.5196 11.0206 12.2653 11.0206 12C11.0206 11.7348 11.126 11.4804 11.3135 11.2929C11.5011 11.1054 11.7554 11 12.0206 11C12.2859 11 12.5402 11.1054 12.7277 11.2929C12.9153 11.4804 13.0206 11.7348 13.0206 12C13.0206 12.2653 12.9153 12.5196 12.7277 12.7071C12.5402 12.8947 12.2859 13 12.0206 13Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M18.0206 13C17.7554 13 17.5011 12.8947 17.3135 12.7071C17.126 12.5196 17.0206 12.2653 17.0206 12C17.0206 11.7348 17.126 11.4804 17.3135 11.2929C17.5011 11.1054 17.7554 11 18.0206 11C18.2858 11 18.5402 11.1054 18.7277 11.2929C18.9153 11.4804 19.0206 11.7348 19.0206 12C19.0206 12.2653 18.9153 12.5196 18.7277 12.7071C18.5402 12.8947 18.2858 13 18.0206 13Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+Ellipsis.displayName = "Ellipsis";
+const ForwardRef = forwardRef(Ellipsis);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Ellipsis };

package/src/components/web/Emergency.tsx

@@ -0,0 +1,51 @@
+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 Emergency = (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 24"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M15.55 11.25C15.55 10.8358 15.2339 10.5 14.8441 10.5H13.4323V9.00001C13.4323 8.58579 13.1163 8.25001 12.7265 8.25001H11.3147C10.9248 8.25001 10.6088 8.58579 10.6088 9.00001V10.5H9.19704C8.80719 10.5 8.49116 10.8358 8.49116 11.25V12.75C8.49116 13.1642 8.80719 13.5 9.19704 13.5H10.6088V15C10.6088 15.4142 10.9248 15.75 11.3147 15.75H12.7265C13.1163 15.75 13.4323 15.4142 13.4323 15V13.5H14.8441C15.2339 13.5 15.55 13.1642 15.55 12.75V11.25Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M4.02057 10.767C4.02057 15.1926 6.60617 19.1532 10.5074 20.7036L10.5357 20.7148C11.4934 21.0954 12.5483 21.095 13.5057 20.7138L13.5287 20.7047C17.4334 19.1499 20.0206 15.1842 20.0206 10.7536V7.03024C20.0206 6.15536 19.4854 5.38202 18.6994 5.12118L12.5818 3.09095C12.2163 2.96968 11.8248 2.96968 11.4594 3.09095L5.34174 5.12112C4.55576 5.38195 4.02057 6.15529 4.02057 7.03018V10.767Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+Emergency.displayName = "Emergency";
+const ForwardRef = forwardRef(Emergency);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Emergency };