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

package/src/components/native/GradientPersonDoc200BasicPink.tsx

@@ -0,0 +1,60 @@
+import * as React from "react";
+import Svg, { Path, Defs, LinearGradient, Stop } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef, memo } from "react";
+import { cssInterop } from "nativewind";
+interface Props extends SvgProps {
+  size?: number;
+  color?: string;
+}
+const GradientPersonDoc200BasicPink = (props: Props, ref: React.Ref<Svg>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <Svg
+      viewBox="0 0 56 56"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <Path
+        d="M32.9035 18.3245L33.7912 17.4446C33.7824 17.4356 33.7733 17.4268 33.7642 17.4181L32.9035 18.3245ZM42.0003 46.6668V45.4168H14.0003V46.6668V47.9168H42.0003V46.6668ZM14.0003 46.6668V45.4168C10.8243 45.4168 8.25031 42.8428 8.25031 39.6668H7.00031H5.75031C5.75031 44.2235 9.44362 47.9168 14.0003 47.9168V46.6668ZM7.00031 39.6668H8.25031V16.3335H7.00031H5.75031V39.6668H7.00031ZM7.00031 16.3335H8.25031C8.25031 13.1575 10.8243 10.5835 14.0003 10.5835V9.3335V8.0835C9.44362 8.0835 5.75031 11.7768 5.75031 16.3335H7.00031ZM14.0003 9.3335V10.5835H42.0003V9.3335V8.0835H14.0003V9.3335ZM42.0003 9.3335V10.5835C45.1763 10.5835 47.7503 13.1575 47.7503 16.3335H49.0003H50.2503C50.2503 11.7768 46.557 8.0835 42.0003 8.0835V9.3335ZM49.0003 16.3335H47.7503V39.6668H49.0003H50.2503V16.3335H49.0003ZM49.0003 39.6668H47.7503C47.7503 42.8428 45.1763 45.4168 42.0003 45.4168V46.6668V47.9168C46.557 47.9168 50.2503 44.2235 50.2503 39.6668H49.0003ZM32.9035 18.3245L32.0157 19.2045C34.3437 21.5532 34.3043 25.2258 32.0427 27.3733L32.9035 28.2798L33.7642 29.1862C37.0942 26.0242 37.0548 20.7372 33.7912 17.4446L32.9035 18.3245ZM32.9035 28.2798L32.0427 27.3733C29.6773 29.6194 26.0412 29.6688 23.95 27.4271L23.0359 28.2798L22.1219 29.1324C25.2934 32.532 30.538 32.2496 33.7642 29.1862L32.9035 28.2798ZM23.0359 28.2798L23.95 27.4271C21.7185 25.0351 21.6678 21.3474 23.8967 19.231L23.0359 18.3245L22.1752 17.4181C18.8125 20.6111 19.0907 25.8832 22.1219 29.1324L23.0359 28.2798ZM23.0359 18.3245L23.8967 19.231C26.2101 17.0343 29.7293 17.0343 32.0427 19.231L32.9035 18.3245L33.7642 17.4181C30.486 14.3053 25.4534 14.3053 22.1752 17.4181L23.0359 18.3245ZM23.3336 37.3335V38.5835H32.667V37.3335V36.0835H23.3336V37.3335ZM32.667 37.3335V38.5835C37.1313 38.5835 40.7503 42.2025 40.7503 46.6668H42.0003H43.2503C43.2503 40.8218 38.512 36.0835 32.667 36.0835V37.3335ZM23.3336 37.3335V36.0835C17.4886 36.0835 12.7503 40.8218 12.7503 46.6668H14.0003H15.2503C15.2503 42.2025 18.8693 38.5835 23.3336 38.5835V37.3335Z"
+        fill="url(#13-paint0_linear_10804_41962)"
+      />
+      <Defs>
+        <LinearGradient
+          id="13-paint0_linear_10804_41962"
+          x1={7.02374}
+          y1={46.6668}
+          x2={56.0808}
+          y2={26.9546}
+          gradientUnits="userSpaceOnUse"
+        >
+          <Stop stopColor="#9573E5" />
+          <Stop offset={1} stopColor="#F39ECF" />
+        </LinearGradient>
+      </Defs>
+    </Svg>
+  );
+};
+GradientPersonDoc200BasicPink.displayName = "GradientPersonDoc200BasicPink";
+const ForwardRef = forwardRef(GradientPersonDoc200BasicPink);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as GradientPersonDoc200BasicPink };

package/src/components/native/HistoricMedical.tsx

@@ -0,0 +1,49 @@
+import * as React from "react";
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef, memo } from "react";
+import { cssInterop } from "nativewind";
+interface Props extends SvgProps {
+  size?: number;
+  color?: string;
+}
+const HistoricMedical = (props: Props, ref: React.Ref<Svg>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <Svg
+      viewBox="0 0 24 24"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <Path
+        d="M19.0029 8.99884H12.5352C12.2008 8.99889 11.8885 8.83184 11.7029 8.55365L10.2963 6.44377C10.111 6.16518 9.79859 5.99759 9.46397 5.99759H4.99711M19.0029 8.99884C19.5336 8.99869 20.0426 9.20945 20.4179 9.58471C20.7932 9.95997 21.0038 10.469 21.0038 10.9997V19.003C21.0038 19.5337 20.7932 20.0427 20.4179 20.418C20.0426 20.7932 19.5336 21.0038 19.0029 21.0038H4.99711C4.46641 21.0038 3.95741 20.7932 3.58215 20.418C3.20689 20.0427 2.99628 19.5337 2.99628 19.003V7.99842C2.99628 7.46772 3.20689 6.95872 3.58215 6.58346C3.95741 6.2082 4.46641 5.99759 4.99711 5.99759M19.0029 8.99884V4.99717C19.0031 4.46647 18.7923 3.95747 18.4171 3.58221C18.0418 3.20695 17.5328 2.99619 17.0021 2.99634H6.99794C6.46725 2.99619 5.95824 3.20695 5.58298 3.58221C5.20772 3.95747 4.99696 4.46647 4.99711 4.99717V5.99759M12 13.0005V17.0022M14.0009 15.0013H9.99919"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+HistoricMedical.displayName = "HistoricMedical";
+const ForwardRef = forwardRef(HistoricMedical);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as HistoricMedical };

package/src/components/native/Print.tsx

@@ -26,7 +26,7 @@ const Print = (props: Props, ref: React.Ref<Svg>) => {
       ref={ref}
       {...props}
     >
-      <G clipPath="url(#12-clip0_912_3077)">
+      <G clipPath="url(#15-clip0_912_3077)">
         <Path
           d="M7.02057 8V4C7.02057 3.73478 7.12593 3.48043 7.31346 3.29289C7.501 3.10536 7.75535 3 8.02057 3H16.0206C16.2858 3 16.5401 3.10536 16.7277 3.29289C16.9152 3.48043 17.0206 3.73478 17.0206 4V8M7.02057 17H5.02057C4.49014 17 3.98143 16.7893 3.60636 16.4142C3.23128 16.0391 3.02057 15.5304 3.02057 15V10C3.02057 9.46957 3.23128 8.96086 3.60636 8.58579C3.98143 8.21071 4.49014 8 5.02057 8H19.0206C19.551 8 20.0597 8.21071 20.4348 8.58579C20.8099 8.96086 21.0206 9.46957 21.0206 10V15C21.0206 15.5304 20.8099 16.0391 20.4348 16.4142C20.0597 16.7893 19.551 17 19.0206 17H17.0206M7.02057 11H8.02057M7.02057 13.8H17.0206V20C17.0206 20.2652 16.9152 20.5196 16.7277 20.7071C16.5401 20.8946 16.2858 21 16.0206 21H8.02057C7.75535 21 7.501 20.8946 7.31346 20.7071C7.12593 20.5196 7.02057 20.2652 7.02057 20V13.8Z"
           stroke={color}
@@ -35,7 +35,7 @@ const Print = (props: Props, ref: React.Ref<Svg>) => {
         />
       </G>
       <Defs>
-        <ClipPath id="12-clip0_912_3077">
+        <ClipPath id="15-clip0_912_3077">
           <Rect
             width={24}
             height={24}

package/src/components/native/Trial.tsx

@@ -0,0 +1,49 @@
+import * as React from "react";
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef, memo } from "react";
+import { cssInterop } from "nativewind";
+interface Props extends SvgProps {
+  size?: number;
+  color?: string;
+}
+const Trial = (props: Props, ref: React.Ref<Svg>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <Svg
+      viewBox="0 0 24 24"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <Path
+        d="M10.8 21.0002L12 19.8002M12 19.8002L10.8 18.6002M12 19.8002C7.029 19.8002 3 18.2332 3 16.3002C3 15.4686 3.75298 14.7087 5.00295 14.1107M15.35 19.5472C18.66 19.0302 21 17.7722 21 16.3002C21 15.4686 20.2471 14.7088 18.9972 14.1108M12 5.28613C12.5357 4.68189 13.4624 4.00342 14.8735 4.00342C17.3419 4.00342 18.9971 6.23749 18.9971 8.31787C18.9971 12.6668 13.3823 15.9984 12 15.9984C10.6177 15.9984 5.00292 12.6668 5.00292 8.31787C5.00292 6.23749 6.65812 4.00342 9.12654 4.00342C10.5376 4.00342 11.4643 4.68189 12 5.28613Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+Trial.displayName = "Trial";
+const ForwardRef = forwardRef(Trial);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Trial };

package/src/components/native/TrialUser.tsx

@@ -0,0 +1,49 @@
+import * as React from "react";
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef, memo } from "react";
+import { cssInterop } from "nativewind";
+interface Props extends SvgProps {
+  size?: number;
+  color?: string;
+}
+const TrialUser = (props: Props, ref: React.Ref<Svg>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <Svg
+      viewBox="0 0 24 24"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <Path
+        d="M17 15V14.35C17 12.776 15.724 11.5 14.15 11.5H9.85C8.27599 11.5 7 12.776 7 14.35V15M10.667 21L12 19.667L10.667 18.334M3.01825 14C2.43156 14.3992 2.05718 15.0426 2 15.75C2 17.9481 6.43372 19.7307 11.9186 19.7483M20.9818 14C21.5684 14.3992 21.9428 15.0426 22 15.75C22 17.541 19.0568 19.0565 15 19.5664M15 6C15 7.65685 13.6569 9 12 9C10.3431 9 9 7.65685 9 6C9 4.34315 10.3431 3 12 3C13.6569 3 15 4.34315 15 6Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+TrialUser.displayName = "TrialUser";
+const ForwardRef = forwardRef(TrialUser);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as TrialUser };

package/src/components/native/index.ts

@@ -33,13 +33,17 @@ export * from './FillSecurityHeart';
 export * from './FillSecurity';
 export * from './FillSetting';
 export * from './FillStar';
+export * from './FillTrial';
 export * from './UpArrowLine';
 export * from './GradientAdd';
 export * from './GradientAlert';
+export * from './GradientBuilding200BasicPink';
 export * from './GradientCheck';
 export * from './GradientClose';
-export * from './GradientDocLab100BasicBlue';
-export * from './GradientDocLab200BasicPink';
+export * from './GradientDocLabExam200BasicPink';
+export * from './GradientFamily200BasicPink';
+export * from './GradientPassaport200BasicPink';
+export * from './GradientPersonDoc200BasicPink';
 export * from './Card';
 export * from './AddCircle';
 export * from './AddRectDot';
@@ -47,6 +51,7 @@ export * from './AddRect';
 export * from './Add';
 export * from './AlertSimple';
 export * from './Alert';
+export * from './Ambulance';
 export * from './ArrowExternalLink';
 export * from './ArrowCurve';
 export * from './ArrowDown';
@@ -81,6 +86,7 @@ export * from './CardArrowRight';
 export * from './CardCheck';
 export * from './CardClose';
 export * from './Cash';
+export * from './Cat';
 export * from './Cellphone';
 export * from './Chart';
 export * from './ChatboxEllipses';
@@ -91,6 +97,9 @@ export * from './ChevronDown';
 export * from './ChevronLeft';
 export * from './ChevronRight';
 export * from './ChevronUp';
+export * from './ClinicDrugs';
+export * from './ClinicPin';
+export * from './Clinic';
 export * from './ClipboardCheck';
 export * from './ClockBack';
 export * from './Clock';
@@ -121,6 +130,7 @@ export * from './DocWrite';
 export * from './Doctor';
 export * from './DocumentNot';
 export * from './Documents';
+export * from './Dog';
 export * from './DripChamber';
 export * from './Edit';
 export * from './Ellipsis';
@@ -143,6 +153,7 @@ export * from './HeartCheck';
 export * from './Heart';
 export * from './HelpBalloon';
 export * from './HelpCircle';
+export * from './HistoricMedical';
 export * from './Home';
 export * from './ImageError';
 export * from './Image';
@@ -265,6 +276,8 @@ export * from './Teeth';
 export * from './Telemedicine';
 export * from './Transfer';
 export * from './Trash';
+export * from './TrialUser';
+export * from './Trial';
 export * from './Unlink';
 export * from './Vaccine';
 export * from './VideoOff';

package/src/components/web/Ambulance.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 Ambulance = (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="M15.1639 18.9999H5.99991M19.4999 18.9999H20.4999C21.3283 18.9999 21.9999 18.3283 21.9999 17.4999V14.6213C21.9999 14.2235 21.8419 13.842 21.5606 13.5607L19.9999 12M19.9999 12L18.4558 7.36754C18.1835 6.55086 17.4193 6 16.5584 6H3.99991M19.9999 12H15.6942C14.7165 12 13.8821 11.2932 13.7214 10.3288L12.9999 6M7.49991 12.5H10.4999M8.99991 14V11M1.99991 13H3.99991M2.9561 10H4.99991M14.9999 6V4.5C14.9999 3.94772 14.5522 3.5 13.9999 3.5H11.9999C11.4476 3.5 10.9999 3.94772 10.9999 4.5V6M17.4998 17C18.3387 17.0034 19.0871 17.5279 19.3766 18.3152C19.666 19.1025 19.4357 19.9869 18.7988 20.5329C18.162 21.0789 17.2528 21.1715 16.5189 20.7652C15.8722 20.4173 15.4777 19.7339 15.4999 18.9999C15.4999 17.8954 16.3953 17 17.4998 17ZM3.99981 17C4.83868 17.0034 5.58706 17.5279 5.87655 18.3152C6.16605 19.1025 5.93566 19.9869 5.29881 20.5329C4.66195 21.0789 3.75281 21.1715 3.01891 20.7652C2.37223 20.4173 1.9777 19.7339 1.99991 18.9999C1.99992 17.8954 2.8953 17 3.99981 17Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+Ambulance.displayName = "Ambulance";
+const ForwardRef = forwardRef(Ambulance);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Ambulance };

package/src/components/web/Biometry.tsx

@@ -25,7 +25,7 @@ const Biometry = (props: Props, ref: React.Ref<SVGSVGElement>) => {
       ref={ref}
       {...props}
     >
-      <g clipPath="url(#11-clip0_912_3073)">
+      <g clipPath="url(#14-clip0_912_3073)">
         <path
           d="M8.19051 21.0561C6.77574 19.0421 6.01784 16.6403 6.02051 14.1791C5.99734 13.3769 6.13534 12.5782 6.42632 11.8303C6.7173 11.0824 7.15536 10.4005 7.71457 9.82491C8.27378 9.24932 8.94278 8.79176 9.68196 8.47931C10.4211 8.16687 11.2155 8.00588 12.018 8.00588C12.8205 8.00588 13.6149 8.16687 14.3541 8.47931C15.0932 8.79176 15.7622 9.24932 16.3214 9.82491C16.8807 10.4005 17.3187 11.0824 17.6097 11.8303C17.9007 12.5782 18.0387 13.3769 18.0155 14.1791M18.3415 20.1631C18.2335 20.1691 18.1275 20.1791 18.0185 20.1791C16.4272 20.1791 14.9011 19.5469 13.7759 18.4217C12.6506 17.2965 12.0185 15.7704 12.0185 14.1791M13.2675 21.8211C11.9681 21.0136 10.8961 19.8881 10.153 18.5508C9.40981 17.2136 9.02004 15.7089 9.02051 14.1791C9.02051 13.3834 9.33658 12.6204 9.89919 12.0577C10.4618 11.4951 11.2249 11.1791 12.0205 11.1791C12.8162 11.1791 13.5792 11.4951 14.1418 12.0577C14.7044 12.6204 15.0205 13.3834 15.0205 14.1791C15.0205 14.9747 15.3366 15.7378 15.8992 16.3004C16.4618 16.863 17.2249 17.1791 18.0205 17.1791C18.8162 17.1791 19.5792 16.863 20.1418 16.3004C20.7044 15.7378 21.0205 14.9747 21.0205 14.1791C21.0205 12.9972 20.7877 11.8268 20.3354 10.7349C19.8831 9.64298 19.2202 8.65083 18.3845 7.8151C17.5487 6.97938 16.5566 6.31644 15.4647 5.86415C14.3727 5.41186 13.2024 5.17906 12.0205 5.17906C10.8386 5.17906 9.66829 5.41186 8.57636 5.86415C7.48443 6.31644 6.49227 6.97938 5.65655 7.8151C4.82082 8.65083 4.15788 9.64298 3.70559 10.7349C3.2533 11.8268 3.02051 12.9972 3.02051 14.1791C3.0211 15.2646 3.13912 16.3469 3.37251 17.4071M20.3935 5.97306C19.3483 4.78111 18.0607 3.82604 16.6168 3.17174C15.1728 2.51743 13.6058 2.17896 12.0205 2.17896C10.4352 2.17896 8.86821 2.51743 7.42425 3.17174C5.98029 3.82604 4.69268 4.78111 3.64751 5.97306"
           stroke={color}
@@ -34,7 +34,7 @@ const Biometry = (props: Props, ref: React.Ref<SVGSVGElement>) => {
         />
       </g>
       <defs>
-        <clipPath id="11-clip0_912_3073">
+        <clipPath id="14-clip0_912_3073">
           <rect
             width={24}
             height={24}

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

package/src/components/web/Dog.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 Dog = (props: Props, ref: React.Ref<SVGSVGElement>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <svg
+      viewBox="0 0 18 20"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <path
+        d="M4.80282 15.6028L3.75125 18.7575M12.7038 15.6028L13.7554 18.7575M7.75292 10.7542H9.75375M4.75167 2.75083C5.61548 2.0976 6.66992 1.74612 7.75292 1.75042H9.75375C10.8367 1.74612 11.8912 2.0976 12.755 2.75083M2.85088 5.75208C2.78196 6.08104 2.74842 6.41641 2.75083 6.7525V12.755C2.75083 14.4125 4.09454 15.7562 5.75208 15.7562H6.7525M6.7525 15.7562C7.85753 15.7562 8.75333 14.8604 8.75333 13.7554M6.7525 15.7562V16.7567C6.7525 17.5854 7.42435 18.2573 8.25313 18.2573H9.25354C10.0823 18.2573 10.7542 17.5854 10.7542 16.7567V15.7562M8.75333 13.7554C8.75333 14.8604 9.64914 15.7562 10.7542 15.7562M8.75333 13.7554L8.75333 10.7542M10.7542 15.7562H11.7546C13.4121 15.7562 14.7558 14.4125 14.7558 12.755V6.7525C14.7582 6.41641 14.7247 6.08104 14.6558 5.75208M9.75398 7.46006C10.3065 6.90754 11.2023 6.90754 11.7548 7.46006M5.75252 7.46006C6.30503 6.90754 7.20083 6.90754 7.75335 7.46006M1.75042 0.75H3.75125C4.30376 0.75 4.75167 1.1979 4.75167 1.75042V3.75125C4.75167 4.85628 3.85586 5.75208 2.75083 5.75208C1.6458 5.75208 0.75 4.85628 0.75 3.75125V1.75042C0.75 1.1979 1.1979 0.75 1.75042 0.75ZM13.7554 0.75H15.7563C16.3088 0.75 16.7567 1.1979 16.7567 1.75042V3.75125C16.7567 4.85628 15.8609 5.75208 14.7558 5.75208C13.6508 5.75208 12.755 4.85628 12.755 3.75125V1.75042C12.755 1.1979 13.2029 0.75 13.7554 0.75Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+Dog.displayName = "Dog";
+const ForwardRef = forwardRef(Dog);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Dog };

package/src/components/web/FillTrial.tsx

@@ -0,0 +1,50 @@
+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 FillTrial = (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
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M12 5.28595C12.5357 4.6817 13.4624 4.00323 14.8735 4.00323C17.3419 4.00323 18.9971 6.2373 18.9971 8.31769C18.9971 12.6666 13.3823 15.9982 12 15.9982C10.6177 15.9982 5.00293 12.6666 5.00293 8.31769C5.00293 6.2373 6.65813 4.00323 9.12654 4.00323C10.5376 4.00323 11.4643 4.6817 12 5.28595Z"
+        fill={color}
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M10.8 21L12 19.8M12 19.8L10.8 18.6M12 19.8C7.029 19.8 3 18.233 3 16.3C3 15.4683 3.75298 14.7085 5.00295 14.1105M15.35 19.547C18.66 19.03 21 17.772 21 16.3C21 15.4684 20.2471 14.7085 18.9972 14.1105"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+FillTrial.displayName = "FillTrial";
+const ForwardRef = forwardRef(FillTrial);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as FillTrial };