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

package/src/components/web/CloseCircle.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 CloseCircle = (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="M8.96564 8.943L15.0656 15.043M15.0676 8.943L8.96762 15.043M22.3956 12C22.3956 17.73 17.7506 22.375 12.0206 22.375C6.29068 22.375 1.64563 17.73 1.64563 12C1.64563 6.27005 6.29068 1.625 12.0206 1.625C17.7506 1.625 22.3956 6.27005 22.3956 12Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+CloseCircle.displayName = "CloseCircle";
+const ForwardRef = forwardRef(CloseCircle);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as CloseCircle };

package/src/components/web/CloudDownload.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 CloudDownload = (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="M12.0206 14V20M12.0206 20L9.52057 17.5M12.0206 20L14.5206 17.5M6.52052 18C4.11829 18.0063 2.13705 16.1199 2.02549 13.7203C1.91394 11.3206 3.71163 9.25861 6.10408 9.04199C6.57074 6.13662 9.07789 4 12.0205 4C14.9631 4 17.4704 6.13662 17.937 9.04199C20.3295 9.25861 22.1272 11.3206 22.0156 13.7203C21.904 16.1199 19.9228 18.0063 17.5206 18"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+CloudDownload.displayName = "CloudDownload";
+const ForwardRef = forwardRef(CloudDownload);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as CloudDownload };

package/src/components/web/CloudUpload.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 CloudUpload = (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="M11.0205 17V11M11.0205 11L13.5205 13.5M11.0205 11L8.52046 13.5M16.0205 15H16.5205C18.9227 15.0063 20.9039 13.1199 21.0155 10.7203C21.1271 8.32063 19.3294 6.25861 16.9369 6.04199C16.4702 3.13661 13.9631 1 11.0205 1C8.07785 1 5.57068 3.13661 5.10402 6.04199C2.71157 6.25861 0.913875 8.32063 1.02543 10.7203C1.13698 13.1199 3.11823 15.0063 5.52046 15H6.02046"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+CloudUpload.displayName = "CloudUpload";
+const ForwardRef = forwardRef(CloudUpload);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as CloudUpload };

package/src/components/web/Compass.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 Compass = (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="M12.0206 21.0001C13.8007 21.0001 15.5407 20.4719 17.0208 19.483C18.5008 18.494 19.6544 17.0885 20.3356 15.4439C21.0168 13.7994 21.1949 11.99 20.8477 10.2442C20.5004 8.49838 19.6432 6.89449 18.3845 5.63581C17.1258 4.37714 15.5222 3.52019 13.7764 3.17292C12.0305 2.82566 10.221 3.00394 8.57642 3.68513C6.93188 4.36632 5.52629 5.52003 4.53735 7.00007C3.54842 8.48011 3.02063 10.22 3.02063 12.0001M12.0206 21.0001C9.63587 20.9929 7.35084 20.0423 5.66455 18.356C3.97826 16.6697 3.02775 14.3848 3.02063 12.0001M12.0206 21.0001V19.5M3.02063 12.0001L4.52063 12M12.0206 3V4.5M21.0206 12H19.5206M10.2566 9.55294L15.1846 8.2253C15.2694 8.20248 15.3587 8.20217 15.4435 8.22481C15.5283 8.24745 15.6057 8.29218 15.6679 8.35421C15.73 8.41624 15.7747 8.49354 15.7975 8.57833C15.8203 8.66312 15.8203 8.7523 15.7976 8.83712L14.4906 13.737C14.4454 13.9066 14.3564 14.0615 14.2324 14.1858C14.1085 14.31 13.954 14.3994 13.7846 14.445L8.85755 15.7732C8.7727 15.7962 8.68337 15.7962 8.59839 15.7736C8.51341 15.7511 8.43581 15.7068 8.37354 15.6447C8.31127 15.5827 8.26648 15.505 8.24366 15.4201C8.22084 15.3352 8.22089 15.2463 8.24366 15.1613L9.55066 10.2609C9.59586 10.0914 9.68479 9.93698 9.80872 9.8127C9.93265 9.68843 10.0871 9.59862 10.2566 9.55294Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+Compass.displayName = "Compass";
+const ForwardRef = forwardRef(Compass);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Compass };

package/src/components/web/Connect.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 Connect = (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="M11.0206 15H13.0206C13.8163 15 14.5793 14.6839 15.142 14.1213C15.7046 13.5587 16.0206 12.7956 16.0206 12V8C16.0206 7.20435 15.7046 6.44129 15.142 5.87868C14.5793 5.31607 13.8163 5 13.0206 5H5.02063C4.22498 5 3.46192 5.31607 2.89931 5.87868C2.3367 6.44129 2.02063 7.20435 2.02063 8V12C2.02063 12.7956 2.3367 13.5587 2.89931 14.1213C3.46192 14.6839 4.22498 15 5.02063 15M13.0206 9H11.0206C10.225 9 9.46192 9.31607 8.89931 9.87868C8.3367 10.4413 8.02063 11.2044 8.02063 12V16C8.02063 16.7956 8.3367 17.5587 8.89931 18.1213C9.46192 18.6839 10.225 19 11.0206 19H19.0206C19.8163 19 20.5793 18.6839 21.142 18.1213C21.7046 17.5587 22.0206 16.7956 22.0206 16V12C22.0206 11.2044 21.7046 10.4413 21.142 9.87868C20.5793 9.31607 19.8163 9 19.0206 9"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+Connect.displayName = "Connect";
+const ForwardRef = forwardRef(Connect);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Connect };

package/src/components/web/Copy.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 Copy = (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.0206 3V2C19.0206 1.73478 18.9153 1.48043 18.7277 1.29289C18.5402 1.10536 18.2858 1 18.0206 1H17.0206M19.0206 13V14C19.0206 14.2652 18.9153 14.5196 18.7277 14.7071C18.5402 14.8946 18.2858 15 18.0206 15H17.0206M5.02063 3V2C5.02063 1.73478 5.12599 1.48043 5.31352 1.29289C5.50106 1.10536 5.75541 1 6.02063 1H7.02063M11.0206 1H13.0206M19.0206 9.4375V7M2.02063 6H13.0206C13.5729 6 14.0206 6.44772 14.0206 7V18C14.0206 18.5523 13.5729 19 13.0206 19H2.02063C1.46835 19 1.02063 18.5523 1.02063 18V7C1.02063 6.44772 1.46835 6 2.02063 6Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+Copy.displayName = "Copy";
+const ForwardRef = forwardRef(Copy);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Copy };

package/src/components/web/CreditKivid.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 CreditKivid = (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="M12.8027 5.77029V6.85212M12.8027 14.4249V13.3465M14.9551 8.36669C14.9291 7.95676 14.7481 7.57208 14.4488 7.29078C14.1495 7.00947 13.7544 6.85263 13.3436 6.85213H12.158C11.7869 6.8515 11.4285 6.98672 11.1503 7.23225C10.8721 7.47778 10.6934 7.81674 10.6479 8.18498C10.6025 8.55322 10.6934 8.92528 10.9035 9.23111C11.1136 9.53693 11.4284 9.75527 11.7884 9.84492L13.8171 10.3537C14.1771 10.4434 14.4919 10.6617 14.702 10.9675C14.9121 11.2734 15.003 11.6456 14.9575 12.0139C14.9121 12.3821 14.7334 12.7209 14.4552 12.9664C14.177 13.2119 13.8185 13.3471 13.4475 13.3465H12.2618C11.8505 13.3458 11.4549 13.1886 11.1554 12.9066C10.8559 12.6246 10.6749 12.2391 10.6494 11.8286M5.2861 6.84722L5.2861 13.5237M8.99525 13.3382L5.2861 10.1855L8.80003 7.03268M19.0206 10C19.0206 14.9706 14.9911 19 10.0206 19C5.05001 19 1.02057 14.9706 1.02057 10C1.02057 5.02944 5.05001 1 10.0206 1C14.9911 1 19.0206 5.02944 19.0206 10Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+CreditKivid.displayName = "CreditKivid";
+const ForwardRef = forwardRef(CreditKivid);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as CreditKivid };

package/src/components/web/CreditKividInvoice.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 CreditKividInvoice = (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.78577 14.9999H15.7858M7.78577 17.9999H15.7858M14.3174 5.99986V6.80344M14.3174 12.4284V11.6274M15.8473 7.92847C15.8289 7.62397 15.7002 7.33822 15.4875 7.12927C15.2747 6.92031 14.9939 6.80381 14.7019 6.80344H13.8591C13.5954 6.80298 13.3406 6.90341 13.1429 7.08579C12.9451 7.26817 12.8181 7.51996 12.7858 7.79349C12.7535 8.06702 12.8181 8.34338 12.9675 8.57054C13.1168 8.79771 13.3405 8.95989 13.5964 9.02648L15.0384 9.40441C15.2943 9.471 15.5181 9.63318 15.6674 9.86035C15.8167 10.0875 15.8814 10.364 15.8491 10.6376C15.8167 10.9111 15.6897 11.1627 15.492 11.3451C15.2942 11.5275 15.0395 11.6279 14.7757 11.6274H13.9329C13.6406 11.6269 13.3594 11.5101 13.1465 11.3007C12.9336 11.0912 12.805 10.8049 12.7869 10.4999M8.14295 6.80344L8.14291 11.7229M11.1177 11.7229L9.53168 9.26885M8.14293 9.26885H9.53168M11.1177 6.80344L9.53168 9.26885M17.2858 21H6.28577C5.18077 21 4.28577 20.105 4.28577 19V5C4.28577 3.895 5.18077 3 6.28577 3H17.2858C18.3908 3 19.2858 3.895 19.2858 5V19C19.2858 20.105 18.3908 21 17.2858 21Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+CreditKividInvoice.displayName = "CreditKividInvoice";
+const ForwardRef = forwardRef(CreditKividInvoice);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as CreditKividInvoice };

package/src/components/web/CreditKividReload.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 CreditKividReload = (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.6601 6.87974V7.89761M13.6601 15.0226V14.008M15.6671 9.32264C15.6429 8.93695 15.4742 8.575 15.1951 8.31032C14.916 8.04565 14.5475 7.89808 14.1645 7.89761H13.0589C12.7129 7.89702 12.3787 8.02425 12.1193 8.25526C11.8599 8.48627 11.6933 8.8052 11.6509 9.15167C11.6085 9.49814 11.6933 9.8482 11.8892 10.1359C12.0851 10.4237 12.3786 10.6291 12.7143 10.7135L14.606 11.1922C14.9417 11.2765 15.2352 11.482 15.4311 11.7697C15.627 12.0574 15.7118 12.4077 15.6694 12.7542C15.627 13.1006 15.4604 13.4193 15.201 13.6504C14.9416 13.8814 14.6073 14.0086 14.2614 14.008H13.1557C12.7722 14.0073 12.4033 13.8594 12.124 13.5941C11.8448 13.3288 11.676 12.9661 11.6522 12.5798M6.25156 7.89761L6.2515 14.129M10.154 14.129L8.07337 11.0205M6.25153 11.0205H8.07337M10.154 7.89761L8.07337 11.0205M19.0306 5.3121C17.7404 3.48178 15.8619 2.1456 13.7064 1.52602C11.5509 0.90644 9.24775 1.04101 7.17884 1.9058C5.10992 2.77059 3.39941 4.31459 2.33084 6.28182C1.26227 8.24905 0.899808 10.5213 1.30352 12.7221M2.70218 19.2953V16.688H5.3166M2.96942 16.688C4.25958 18.5183 6.13812 19.8534 8.29365 20.473C10.4492 21.0926 12.7523 20.9591 14.8212 20.0943C16.8901 19.2295 18.6006 17.6855 19.6692 15.7183C20.7377 13.7511 21.1002 11.4789 20.6965 9.27801M19.2978 2.70438V5.31164H16.6812"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+CreditKividReload.displayName = "CreditKividReload";
+const ForwardRef = forwardRef(CreditKividReload);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as CreditKividReload };

package/src/components/web/Daily.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 Daily = (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="M15.0206 13.7575C15.9816 13.4385 16.9666 13.2355 18.0206 13.1175M6.02057 13.1185C7.07457 13.2355 8.05957 13.4395 9.02057 13.7585M18.0206 9.11848C16.9666 9.23548 15.9816 9.43948 15.0206 9.75848M9.02057 9.7575C8.05957 9.4385 7.07457 9.2355 6.02057 9.1175M12.0206 20.0005C9.41457 18.4685 7.08657 17.8985 3.99457 17.8525C3.45357 17.8445 3.02057 17.3955 3.02057 16.8545V5.00151C3.02057 4.44251 3.47957 3.98251 4.03757 4.00151C7.10857 4.10051 9.42657 4.67851 12.0206 6.13151C14.6146 4.67851 16.9326 4.10051 20.0036 4.00051C20.5616 3.98251 21.0206 4.44151 21.0206 5.00051V16.8535C21.0206 17.3955 20.5876 17.8445 20.0466 17.8525C16.9546 17.8985 14.6266 18.4685 12.0206 20.0005ZM12.0206 20.0005V6.13049"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+Daily.displayName = "Daily";
+const ForwardRef = forwardRef(Daily);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Daily };

package/src/components/web/Dictionary.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 Dictionary = (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="M1.52051 17V3C1.52051 2.46957 1.73122 1.96086 2.10629 1.58579C2.48137 1.21071 2.99007 1 3.52051 1H16.5205C17.0509 1 17.5596 1.21071 17.9347 1.58579C18.3098 1.96086 18.5205 2.46957 18.5205 3V13C18.5205 13.5304 18.3098 14.0391 17.9347 14.4142C17.5596 14.7893 17.0509 15 16.5205 15H3.52051C2.99007 15 2.48137 15.2107 2.10629 15.5858C1.73122 15.9609 1.52051 16.4696 1.52051 17ZM1.52051 17C1.52051 17.5304 1.73122 18.0391 2.10629 18.4142C2.48137 18.7893 2.99007 19 3.52051 19H16.5205C17.0509 19 17.5596 18.7893 17.9347 18.4142C18.3098 18.0391 18.5205 17.5304 18.5205 17V12M14.5205 5.658H5.52051M14.5205 10H5.52051"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+Dictionary.displayName = "Dictionary";
+const ForwardRef = forwardRef(Dictionary);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Dictionary };

package/src/components/web/DocBarcode.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 DocBarcode = (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.73865 10V12.9004M10.4546 10V12.9004M5.02063 10V14.7314M13.1027 10V14.7314M15.0206 1H3.02063C1.91063 1 1.02063 1.89 1.02063 3V17C1.02063 18.1 1.91063 19 3.02063 19H15.0206C16.1206 19 17.0206 18.1 17.0206 17V3C17.0206 1.89 16.1206 1 15.0206 1Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+DocBarcode.displayName = "DocBarcode";
+const ForwardRef = forwardRef(DocBarcode);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as DocBarcode };

package/src/components/web/DocBudget.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 DocBudget = (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="M11.0206 19H3.02063C2.4902 19 1.98149 18.7893 1.60642 18.4142C1.23134 18.0391 1.02063 17.5304 1.02063 17V3C1.02063 2.46957 1.23134 1.96086 1.60642 1.58579C1.98149 1.21071 2.4902 1 3.02063 1H16.0206C16.5511 1 17.0598 1.21071 17.4348 1.58579C17.8099 1.96086 18.0206 2.46957 18.0206 3V11M11.0206 5H14.0206M11.0206 8H14.0206M5.02063 11H14.0206M5.02063 14H9.02063M6.02063 5H7.02063C7.57291 5 8.02063 5.44772 8.02063 6V7C8.02063 7.55228 7.57291 8 7.02063 8H6.02063C5.46835 8 5.02063 7.55228 5.02063 7V6C5.02063 5.44772 5.46835 5 6.02063 5ZM15.8506 14.517L16.0206 14.689L16.1956 14.504C16.3429 14.3467 16.5205 14.221 16.7178 14.1343C16.915 14.0476 17.1278 14.0018 17.3432 13.9996C17.5587 13.9975 17.7723 14.039 17.9712 14.1218C18.1702 14.2045 18.3503 14.3267 18.5006 14.481L18.5366 14.517C18.8468 14.8359 19.0204 15.2632 19.0204 15.708C19.0204 16.1528 18.8468 16.5801 18.5366 16.899L16.7816 18.681C16.6822 18.782 16.5636 18.8621 16.4329 18.9168C16.3022 18.9716 16.1619 18.9997 16.0201 18.9997C15.8784 18.9997 15.7381 18.9716 15.6074 18.9168C15.4766 18.8621 15.3581 18.782 15.2586 18.681L13.5046 16.9C13.194 16.5814 13.0201 16.154 13.0201 15.709C13.0201 15.264 13.194 14.8366 13.5046 14.518C13.6577 14.3623 13.8403 14.2387 14.0416 14.1543C14.243 14.0698 14.4591 14.0263 14.6774 14.0262C14.8958 14.0261 15.1119 14.0695 15.3133 14.1537C15.5148 14.238 15.6974 14.3615 15.8506 14.517Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+DocBudget.displayName = "DocBudget";
+const ForwardRef = forwardRef(DocBudget);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as DocBudget };

package/src/components/web/DocCardiacExam.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 DocCardiacExam = (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="M4.01855 16H6.01855M16.0186 6H14.0186L12.6846 8L10.9066 4L9.5726 6H4.01758M4.01855 11H6.12955L7.12955 9.5L8.46255 12.5L9.46255 11H16.0186M1.01855 3V17C1.01855 17.5304 1.22927 18.039 1.60434 18.4141C1.97941 18.7891 2.48812 19 3.01855 19H17.0186C17.549 19 18.0577 18.7891 18.4328 18.4141C18.8078 18.039 19.0186 17.5304 19.0186 17V3C19.0186 2.46957 18.8078 1.96101 18.4328 1.58594C18.0577 1.21086 17.549 1 17.0186 1H3.01855C2.48812 1 1.97941 1.21086 1.60434 1.58594C1.22927 1.96101 1.01855 2.46957 1.01855 3Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+DocCardiacExam.displayName = "DocCardiacExam";
+const ForwardRef = forwardRef(DocCardiacExam);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as DocCardiacExam };

package/src/components/web/DocClock.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 DocClock = (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="M4.51862 8H12.5186M16.5186 13V14.875H14.5186M16.5186 10V3C16.5186 2.46957 16.3079 1.96101 15.9328 1.58594C15.5577 1.21086 15.049 1 14.5186 1H3.51862C2.98818 1 2.4795 1.21086 2.10443 1.58594C1.72936 1.96101 1.51862 2.46957 1.51862 3V13C1.51862 13.5304 1.72936 14.039 2.10443 14.4141C2.4795 14.7891 2.98818 15 3.51862 15H11.5186M4.51862 4.5H12.5186M4.51862 11.5H8.51862M16.0186 19C16.9086 19 17.7786 18.7361 18.5186 18.2417C19.2586 17.7472 19.8355 17.0444 20.1761 16.2221C20.5167 15.3999 20.6058 14.495 20.4322 13.622C20.2586 12.7491 19.83 11.9472 19.2006 11.3178C18.5713 10.6885 17.7695 10.26 16.8965 10.0864C16.0236 9.91276 15.1188 10.0022 14.2966 10.3427C13.4743 10.6833 12.7715 11.26 12.277 12C11.7826 12.74 11.5186 13.61 11.5186 14.5C11.5186 15.6934 11.9927 16.8382 12.8366 17.6821C13.6805 18.526 14.8251 19 16.0186 19Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+DocClock.displayName = "DocClock";
+const ForwardRef = forwardRef(DocClock);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as DocClock };