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

package/src/components/web/CardClose.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 CardClose = (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="M2.04114 7.85205H21.0411M21.0411 14V6C21.0411 5.46957 20.8304 4.96077 20.4553 4.58569C20.0802 4.21062 19.5716 4 19.0411 4H4.04114C3.5107 4 3.00203 4.21062 2.62695 4.58569C2.25188 4.96077 2.04114 5.46957 2.04114 6V15C2.04114 15.5304 2.25188 16.0392 2.62695 16.4143C3.00203 16.7894 3.5107 17 4.04114 17H12.0411M18.4551 15.5859L15.6271 18.4139M18.4551 18.4139L15.6271 15.5859M17.0411 21.9999C16.0522 21.9999 15.0856 21.7068 14.2633 21.1574C13.4411 20.608 12.8002 19.8269 12.4218 18.9132C12.0433 17.9996 11.9443 16.9945 12.1372 16.0246C12.3301 15.0547 12.8064 14.1635 13.5056 13.4643C14.2049 12.765 15.0958 12.289 16.0657 12.0961C17.0356 11.9032 18.041 12.0021 18.9546 12.3805C19.8682 12.759 20.6491 13.3998 21.1985 14.2221C21.7479 15.0443 22.0411 16.011 22.0411 16.9999C22.0411 18.326 21.5143 19.5979 20.5767 20.5356C19.639 21.4732 18.3672 21.9999 17.0411 21.9999Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+CardClose.displayName = "CardClose";
+const ForwardRef = forwardRef(CardClose);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as CardClose };

package/src/components/web/Cash.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 Cash = (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="M21.0206 12.9792V5.09424C21.0206 4.56381 20.8099 4.05525 20.4348 3.68018C20.0597 3.3051 19.5511 3.09424 19.0206 3.09424H4.02063C3.4902 3.09424 2.98152 3.3051 2.60645 3.68018C2.23137 4.05525 2.02063 4.56381 2.02063 5.09424V14.0942C2.02063 14.6247 2.23137 15.1335 2.60645 15.5085C2.98152 15.8836 3.4902 16.0942 4.02063 16.0942H12.2816M5.02061 13.0963H7.02061M16.0206 6.0963H18.0206M15.3946 13.9573C14.7758 13.9748 14.1728 14.1574 13.6482 14.4861C13.1235 14.8148 12.6961 15.2775 12.4103 15.8267C12.1245 16.3759 11.9907 16.9916 12.0226 17.6099C12.0544 18.2282 12.2509 18.8266 12.5916 19.3435C12.9324 19.8604 13.405 20.2768 13.9607 20.5498C14.5163 20.8228 15.1349 20.9425 15.7523 20.8962C16.3697 20.85 16.9635 20.6398 17.4724 20.2871C17.9812 19.9344 18.3866 19.4522 18.6466 18.8904M14.0206 9.5963C14.0206 10.977 12.9013 12.0963 11.5206 12.0963C10.1399 12.0963 9.02061 10.977 9.02061 9.5963C9.02061 8.21558 10.1399 7.0963 11.5206 7.0963C12.9013 7.0963 14.0206 8.21558 14.0206 9.5963ZM18.5416 18.9003C17.8535 18.9003 17.1809 18.6962 16.6087 18.3139C16.0366 17.9316 15.5907 17.3883 15.3274 16.7526C15.0641 16.1169 14.9953 15.4175 15.1295 14.7426C15.2637 14.0678 15.595 13.4477 16.0815 12.9611C16.5681 12.4746 17.188 12.1432 17.8629 12.009C18.5378 11.8747 19.2372 11.9437 19.8729 12.207C20.5086 12.4703 21.052 12.9164 21.4343 13.4885C21.8166 14.0606 22.0206 14.7333 22.0206 15.4213C22.0206 15.8782 21.9306 16.3305 21.7557 16.7526C21.5809 17.1747 21.3246 17.5582 21.0016 17.8813C20.6785 18.2044 20.295 18.4606 19.8729 18.6354C19.4508 18.8103 18.9985 18.9003 18.5416 18.9003Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+Cash.displayName = "Cash";
+const ForwardRef = forwardRef(Cash);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Cash };

package/src/components/web/Cat.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 Cat = (props: Props, ref: React.Ref<SVGSVGElement>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <svg
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <path
+        d="M9.81318 17.1248C10.0532 17.3654 10.3792 17.5004 10.719 17.5C11.4265 17.5 12 16.9265 12 16.219M12 16.219C12 16.7371 12.3121 17.2042 12.7908 17.4025C13.2695 17.6007 13.8205 17.4911 14.1868 17.1248M12 16.219V14.5M17 12.8066L21 12.14M21 16L17 15.3333M7 12.8066L3 12.14M3 16L7 15.3333M8.31223 10.4142C8.86452 9.86191 9.75994 9.86191 10.3122 10.4142M13.6878 10.4142C14.2401 9.86191 15.1355 9.86191 15.6878 10.4142M15.0743 6.41929L17.4627 4.37284C17.9185 3.98228 18.56 3.89277 19.1053 4.14364C19.6506 4.39451 20 4.93985 20 5.54011V13C20 17.4183 16.4183 21 12 21C7.58172 21 4 17.4183 4 13V5.54011C4 4.93985 4.34941 4.39451 4.89473 4.14364C5.44005 3.89277 6.08151 3.98228 6.53733 4.37284L8.92568 6.41929C10.9149 5.716 13.0851 5.716 15.0743 6.41929Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+Cat.displayName = "Cat";
+const ForwardRef = forwardRef(Cat);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Cat };

package/src/components/web/Cellphone.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 Cellphone = (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.899 13.1423C9.79263 12.0459 8.8983 10.7545 8.26099 9.33325C8.2024 9.19468 8.18689 9.0418 8.21649 8.89429C8.2461 8.74678 8.31942 8.61133 8.42694 8.5061L9.24597 7.68823C9.4 7.5512 9.52478 7.38442 9.6128 7.198C9.70082 7.01157 9.75024 6.80928 9.75818 6.60327C9.76612 6.39726 9.73241 6.19191 9.659 5.99927C9.58559 5.80662 9.47396 5.63066 9.33094 5.48218L8.15699 4.30835C7.78193 3.93341 7.27331 3.72241 6.74298 3.72241C6.21266 3.72241 5.70404 3.93341 5.32898 4.30835L4.67694 4.96021C4.31169 5.33261 4.04326 5.78868 3.89508 6.28882C3.74691 6.78896 3.72352 7.31808 3.82697 7.82935C4.56131 10.8288 6.10413 13.569 8.2876 15.7527C10.4711 17.9363 13.2116 19.4795 16.2109 20.2141C16.7224 20.3176 17.2516 20.2941 17.7519 20.1458C18.2522 19.9974 18.7086 19.7286 19.081 19.363L19.733 18.7122C20.1079 18.3371 20.3185 17.8284 20.3185 17.2981C20.3185 16.7678 20.1079 16.2591 19.733 15.884L18.559 14.7102C18.2777 14.429 17.8962 14.2708 17.4985 14.2708C17.1007 14.2708 16.7193 14.429 16.438 14.7102L15.538 15.6101C15.433 15.7177 15.2979 15.7909 15.1506 15.8206C15.0032 15.8502 14.8504 15.8348 14.712 15.7761C13.2894 15.1408 11.9967 14.2479 10.899 13.1423Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+Cellphone.displayName = "Cellphone";
+const ForwardRef = forwardRef(Cellphone);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Cellphone };

package/src/components/web/Chart.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 Chart = (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.37102 14.17V10.84C8.37102 10.38 8.00102 10.01 7.54102 10.01H5.87102C5.41102 10.01 5.04102 10.38 5.04102 10.84V14.07M8.38102 14.17V6.67C8.38102 6.21 8.75102 5.84 9.21102 5.84H10.881C11.341 5.84 11.711 6.21 11.711 6.67V14.17V8.75C11.711 8.29 12.081 7.92 12.541 7.92H14.211C14.671 7.92 15.041 8.29 15.041 8.75V14.06M15.041 14.17H5.04102M19.041 5V15C19.041 17.21 17.251 19 15.041 19H5.04102C2.83102 19 1.04102 17.21 1.04102 15V5C1.04102 2.79 2.83102 1 5.04102 1H15.041C17.251 1 19.041 2.79 19.041 5Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+Chart.displayName = "Chart";
+const ForwardRef = forwardRef(Chart);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Chart };

package/src/components/web/ChatboxEllipses.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 ChatboxEllipses = (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="M17.5746 9.25687H10.8266M8.7666 9.25687H6.58161M6.58161 13.6769H12.2176M14.7566 13.6769H17.5746M21.5256 11.3809C21.5256 12.1809 21.5256 13.2649 21.5256 14.0599V14.9529C21.524 15.6029 21.3318 16.2381 20.9727 16.7798C20.6137 17.3216 20.1036 17.7462 19.5056 18.0009C18.6191 18.2643 17.6899 18.3526 16.7696 18.2609H14.3546L13.0296 19.3829L12.5006 19.8319C12.4006 19.8949 12.2106 20.1319 12.0806 20.1209C11.9516 20.1339 11.7576 19.8949 11.6606 19.8319L9.80762 18.2609L6.67863 18.2339H6.15662C5.71033 18.2593 5.26353 18.1935 4.84353 18.0405C4.42353 17.8874 4.03913 17.6503 3.71381 17.3438C3.3885 17.0372 3.12911 16.6675 2.95147 16.2572C2.77383 15.847 2.68167 15.4049 2.68063 14.9579C2.68063 14.5109 2.68063 13.6179 2.68063 13.1719C2.68063 11.7399 2.68063 10.1379 2.68063 8.70592V7.81091C2.68561 6.93538 3.03563 6.09712 3.65473 5.47801C4.27384 4.85891 5.11209 4.50889 5.98762 4.50391C6.37962 4.50391 7.16463 4.50391 7.55563 4.50391H18.2196C18.9246 4.50609 19.6106 4.73244 20.1785 5.15021C20.7464 5.56798 21.1667 6.15553 21.3786 6.82791C21.5405 7.74178 21.5905 8.67196 21.5276 9.59792L21.5256 11.3809Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+ChatboxEllipses.displayName = "ChatboxEllipses";
+const ForwardRef = forwardRef(ChatboxEllipses);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as ChatboxEllipses };

package/src/components/web/ChatbubbleEllipses.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 ChatbubbleEllipses = (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.1356 11.225H14.0356M8.53662 14.921H15.6366M7.83963 7.52901H16.3396M17.3946 19.657H6.15962L4.34163 21.075C4.22341 21.1697 4.08074 21.2288 3.93022 21.2456C3.7797 21.2624 3.62751 21.2361 3.49135 21.1698C3.35518 21.1035 3.24064 20.9999 3.16103 20.8711C3.08141 20.7422 3.04002 20.5935 3.04164 20.442V6.66902C3.04164 5.71239 3.42165 4.79493 4.0981 4.11848C4.77454 3.44204 5.692 3.06201 6.64864 3.06201H17.3906C17.8643 3.06201 18.3334 3.15531 18.771 3.33658C19.2086 3.51785 19.6062 3.78354 19.9412 4.11848C20.2761 4.45343 20.5418 4.85106 20.7231 5.28868C20.9043 5.7263 20.9976 6.19534 20.9976 6.66902V16.049C20.9979 17.0051 20.6186 17.9222 19.9429 18.5988C19.2673 19.2753 18.3508 19.656 17.3946 19.657Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+ChatbubbleEllipses.displayName = "ChatbubbleEllipses";
+const ForwardRef = forwardRef(ChatbubbleEllipses);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as ChatbubbleEllipses };

package/src/components/web/Check.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 Check = (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 7L9.42863 17L5.02063 12.4"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+Check.displayName = "Check";
+const ForwardRef = forwardRef(Check);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Check };

package/src/components/web/CheckCircle.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 CheckCircle = (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="M17.0366 9.39603L11.2766 15.156L8.62958 12.5091M22.3466 12.0001C22.3466 17.703 17.7235 22.3261 12.0206 22.3261C6.31769 22.3261 1.69458 17.703 1.69458 12.0001C1.69458 6.29718 6.31769 1.67407 12.0206 1.67407C17.7235 1.67407 22.3466 6.29718 22.3466 12.0001Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+CheckCircle.displayName = "CheckCircle";
+const ForwardRef = forwardRef(CheckCircle);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as CheckCircle };

package/src/components/web/ChevronDown.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 ChevronDown = (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.5706 9.08203L12.0206 14.918L5.47058 9.08203"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+ChevronDown.displayName = "ChevronDown";
+const ForwardRef = forwardRef(ChevronDown);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as ChevronDown };

package/src/components/web/ChevronLeft.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 ChevronLeft = (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="M14.9386 5.44995L9.10263 11.9999L14.9386 18.5499"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+ChevronLeft.displayName = "ChevronLeft";
+const ForwardRef = forwardRef(ChevronLeft);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as ChevronLeft };

package/src/components/web/ChevronRight.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 ChevronRight = (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.10263 5.44995L14.9386 11.9999L9.10263 18.5499"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+ChevronRight.displayName = "ChevronRight";
+const ForwardRef = forwardRef(ChevronRight);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as ChevronRight };

package/src/components/web/ChevronUp.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 ChevronUp = (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.47064 14.918L12.0206 9.08197L18.5706 14.918"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+ChevronUp.displayName = "ChevronUp";
+const ForwardRef = forwardRef(ChevronUp);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as ChevronUp };

package/src/components/web/Clinic.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 Clinic = (props: Props, ref: React.Ref<SVGSVGElement>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <svg
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <path
+        d="M3 8V21M3 8H7.00001M3 8C2.44772 8 2.00001 7.55228 2.00001 7V6C2.00001 5.44772 2.44773 5 3.00001 5H7.00001M7.00001 8V5M7.00001 8C7.00001 9.10457 7.89543 10 9 10H15C16.1046 10 16.9995 9.10457 16.9995 8M7.00001 5C7.00001 3.89543 7.89543 3 9 3H15C16.1046 3 16.9995 3.89543 16.9995 5M16.9995 5H21C21.5523 5 22 5.44772 22 6V7C22 7.55228 21.5523 8 21 8M16.9995 5V8M21 8H16.9995M21 8L21 21M12 5.25V7.75M13.25 6.5H10.75M22 21H2M12 20.7103V14M16 21V15C16 14.4477 15.5523 14 15 14H9.00001C8.44773 14 8.00001 14.4477 8.00001 15V21"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+Clinic.displayName = "Clinic";
+const ForwardRef = forwardRef(Clinic);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Clinic };

package/src/components/web/ClinicDrugs.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 ClinicDrugs = (props: Props, ref: React.Ref<SVGSVGElement>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <svg
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <path
+        d="M12 4.75V7.25M13.25 6H10.75M8 21V15C8 14.4477 8.44772 14 9 14H12M3 8V21M3 8H8.53567M3 8C2.44772 8 2 7.55228 2 7V6C2 5.44772 2.44772 5 3 5H8.12639M21 11V8M21 8C21.5523 8 22 7.55228 22 7V6C22 5.44772 21.5523 5 21 5H15.8737M21 8H15.4643M11 21H2M15.4326 15.434L19.0666 19.0671M16 6C16 8.20914 14.2091 10 12 10C9.79086 10 8 8.20914 8 6C8 3.79086 9.79086 2 12 2C14.2091 2 16 3.79086 16 6ZM14.2525 16.614L16.614 14.2525C17.0958 13.7707 17.7493 13.5 18.4307 13.5C19.1121 13.5 19.7656 13.7707 20.2475 14.2525C21.2508 15.2559 21.2508 16.8827 20.2475 17.886L17.886 20.2475C17.4042 20.7293 16.7507 21 16.0693 21C15.3879 21 14.7343 20.7293 14.2525 20.2475C13.2492 19.2441 13.2492 17.6174 14.2525 16.614Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+ClinicDrugs.displayName = "ClinicDrugs";
+const ForwardRef = forwardRef(ClinicDrugs);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as ClinicDrugs };

package/src/components/web/ClinicPin.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 ClinicPin = (props: Props, ref: React.Ref<SVGSVGElement>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <svg
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <path
+        d="M12 4.75V7.25M13.25 6H10.75M8 21V15C8 14.4477 8.44772 14 9 14H11M3 8V21M3 8H8.53567M3 8C2.44772 8 2 7.55228 2 7V6C2 5.44772 2.44772 5 3 5H8.12639M21 11V8M21 8C21.5523 8 22 7.55228 22 7V6C22 5.44772 21.5523 5 21 5H15.8737M21 8H15.4643M12 21H2M16 6C16 8.20914 14.2091 10 12 10C9.79086 10 8 8.20914 8 6C8 3.79086 9.79086 2 12 2C14.2091 2 16 3.79086 16 6ZM14 16.5C14 18.1385 15.788 19.8888 16.808 20.7544C17.2108 21.0819 17.7882 21.0819 18.191 20.7544C19.212 19.8888 21 18.1385 21 16.5C21 14.567 19.433 13 17.5 13C15.567 13 14 14.567 14 16.5ZM17.501 16.24C17.6445 16.2406 17.7604 16.3572 17.76 16.5007C17.7596 16.6441 17.6431 16.7602 17.4997 16.76C17.3562 16.7598 17.24 16.6435 17.24 16.5C17.2396 16.4308 17.267 16.3643 17.3161 16.3154C17.3652 16.2665 17.4318 16.2394 17.501 16.24Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+ClinicPin.displayName = "ClinicPin";
+const ForwardRef = forwardRef(ClinicPin);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as ClinicPin };