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

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

package/src/components/web/GradientBiometry200BasicPink.tsx

@@ -0,0 +1,62 @@
+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 GradientBiometry200BasicPink = (
+  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 40 40"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <g clipPath="url(#7-clip0_10913_34815)">
+        <path
+          d="M13.6167 35.0932C11.2587 31.7367 9.99555 27.7335 10 23.6315C9.96139 22.2946 10.1914 20.9635 10.6764 19.717C11.1613 18.4705 11.8914 17.3339 12.8234 16.3746C13.7555 15.4153 14.8704 14.6527 16.1024 14.1319C17.3344 13.6112 18.6583 13.3429 19.9958 13.3429C21.3333 13.3429 22.6573 13.6112 23.8892 14.1319C25.1212 14.6527 26.2362 15.4153 27.1682 16.3746C28.1002 17.3339 28.8303 18.4705 29.3153 19.717C29.8003 20.9635 30.0303 22.2946 29.9917 23.6315M30.535 33.6049C30.355 33.6149 30.1783 33.6315 29.9967 33.6315C27.3445 33.6315 24.801 32.578 22.9256 30.7026C21.0502 28.8272 19.9967 26.2837 19.9967 23.6315M22.0783 36.3682C19.9126 35.0224 18.126 33.1465 16.8874 30.9178C15.6488 28.6891 14.9992 26.1813 15 23.6315C15 22.3054 15.5268 21.0337 16.4645 20.096C17.4021 19.1583 18.6739 18.6315 20 18.6315C21.3261 18.6315 22.5979 19.1583 23.5355 20.096C24.4732 21.0337 25 22.3054 25 23.6315C25 24.9576 25.5268 26.2294 26.4645 27.1671C27.4021 28.1047 28.6739 28.6315 30 28.6315C31.3261 28.6315 32.5979 28.1047 33.5355 27.1671C34.4732 26.2294 35 24.9576 35 23.6315C35 21.6617 34.612 19.7112 33.8582 17.8913C33.1044 16.0714 31.9995 14.4178 30.6066 13.0249C29.2137 11.632 27.5601 10.5272 25.7403 9.77334C23.9204 9.01952 21.9698 8.63153 20 8.63153C18.0302 8.63153 16.0796 9.01952 14.2597 9.77334C12.4399 10.5272 10.7863 11.632 9.3934 13.0249C8.00052 14.4178 6.89563 16.0714 6.14181 17.8913C5.38799 19.7112 5 21.6617 5 23.6315C5.00099 25.4408 5.19769 27.2446 5.58667 29.0115M33.955 9.95486C32.2131 7.96827 30.067 6.3765 27.6604 5.28598C25.2538 4.19547 22.6421 3.63135 20 3.63135C17.3579 3.63135 14.7462 4.19547 12.3396 5.28598C9.93297 6.3765 7.78695 7.96827 6.045 9.95486"
+          stroke="url(#8-paint0_linear_10913_34815)"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+      </g>
+      <defs>
+        <linearGradient
+          id="8-paint0_linear_10913_34815"
+          x1={5.01674}
+          y1={36.3682}
+          x2={41.7769}
+          y2={24.3361}
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor="#9573E5" />
+          <stop offset={1} stopColor="#F39ECF" />
+        </linearGradient>
+        <clipPath id="7-clip0_10913_34815">
+          <rect width={40} height={40} fill="white" />
+        </clipPath>
+      </defs>
+    </svg>
+  );
+};
+GradientBiometry200BasicPink.displayName = "GradientBiometry200BasicPink";
+const ForwardRef = forwardRef(GradientBiometry200BasicPink);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as GradientBiometry200BasicPink };

package/src/components/web/GradientBuilding200BasicPink.tsx

@@ -0,0 +1,57 @@
+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 GradientBuilding200BasicPink = (
+  props: Props,
+  ref: React.Ref<SVGSVGElement>
+) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <svg
+      viewBox="0 0 56 56"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <path
+        d="M50.7523 48.9997H4.08563M39.6667 48.9997V23.333H46.6667C47.9554 23.333 49 24.3777 49 25.6663V48.9997H39.6667ZM39.6667 48.9997V11.6663C39.6667 10.3777 38.622 9.33301 37.3334 9.33301H9.33335C8.04469 9.33301 7.00002 10.3777 7.00002 11.6663V48.9997H14M39.6667 48.9997H32.6667M23.3334 37.333V48.9997M32.6667 48.9997V37.333H14V48.9997M32.6667 48.9997H14M16.3334 27.9997H30.3334M16.3334 18.6663H30.3334"
+        stroke="url(#9-paint0_linear_10804_42229)"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <defs>
+        <linearGradient
+          id="9-paint0_linear_10804_42229"
+          x1={4.11167}
+          y1={48.9997}
+          x2={57.9195}
+          y2={26.3893}
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor="#9573E5" />
+          <stop offset={1} stopColor="#F39ECF" />
+        </linearGradient>
+      </defs>
+    </svg>
+  );
+};
+GradientBuilding200BasicPink.displayName = "GradientBuilding200BasicPink";
+const ForwardRef = forwardRef(GradientBuilding200BasicPink);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as GradientBuilding200BasicPink };

package/src/components/web/GradientCheck.tsx

@@ -25,7 +25,7 @@ const GradientCheck = (props: Props, ref: React.Ref<SVGSVGElement>) => {
       ref={ref}
       {...props}
     >
-      <g filter="url(#7-filter0_i_3359_12276)">
+      <g filter="url(#10-filter0_i_3359_12276)">
         <path
           fillRule="evenodd"
           clipRule="evenodd"
@@ -35,7 +35,7 @@ const GradientCheck = (props: Props, ref: React.Ref<SVGSVGElement>) => {
       </g>
       <defs>
         <filter
-          id="7-filter0_i_3359_12276"
+          id="10-filter0_i_3359_12276"
           x={2.66667}
           y={4}
           width={11.6667}

package/src/components/web/GradientClose.tsx

@@ -25,7 +25,7 @@ const GradientClose = (props: Props, ref: React.Ref<SVGSVGElement>) => {
       ref={ref}
       {...props}
     >
-      <g filter="url(#8-filter0_i_3359_12279)">
+      <g filter="url(#11-filter0_i_3359_12279)">
         <path
           d="M12.1996 5.86591C12.7827 5.28288 12.7929 4.3479 12.2226 3.77757C11.6523 3.20721 10.7173 3.2175 10.1342 3.80054L8.02294 5.91184L5.86576 3.75461C5.29541 3.18429 4.36043 3.19454 3.7774 3.77757C3.19439 4.36061 3.18411 5.29559 3.75446 5.86591L5.91166 8.02309L3.80036 10.1344C3.21733 10.7174 3.20705 11.6524 3.7774 12.2228C4.34774 12.7931 5.28272 12.7828 5.86576 12.1998L7.97706 10.0885L10.1342 12.2457C10.7046 12.8161 11.6396 12.8058 12.2226 12.2228C12.8056 11.6397 12.8159 10.7048 12.2455 10.1344L10.0883 7.97721L12.1996 5.86591Z"
           fill="#F2F7F7"
@@ -33,7 +33,7 @@ const GradientClose = (props: Props, ref: React.Ref<SVGSVGElement>) => {
       </g>
       <defs>
         <filter
-          id="8-filter0_i_3359_12279"
+          id="11-filter0_i_3359_12279"
           x={3.33333}
           y={3.3335}
           width={10.3333}

package/src/components/web/GradientDocLabExam200BasicPink.tsx

@@ -0,0 +1,57 @@
+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 GradientDocLabExam200BasicPink = (
+  props: Props,
+  ref: React.Ref<SVGSVGElement>
+) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <svg
+      viewBox="0 0 40 40"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <path
+        d="M32.5022 12.5003V7.50033C32.5022 6.61627 32.151 5.76705 31.5259 5.14193C30.9008 4.51681 30.053 4.16699 29.1689 4.16699H7.50224C6.61819 4.16699 5.77039 4.51681 5.14527 5.14193C4.52014 5.76705 4.16891 6.61627 4.16891 7.50033V30.8337C4.16891 31.7177 4.52014 32.5653 5.14527 33.1904C5.77039 33.8156 6.61819 34.167 7.50224 34.167H15.8356M10.8356 24.167H14.1689M10.8356 17.5003H17.5022M10.8356 10.8337H25.8356M32.2538 17.5003H24.7538M31.0039 17.5003V23.8008L35.3256 30.7344C35.6408 31.2394 35.815 31.8206 35.8301 32.4157C35.8453 33.0108 35.7008 33.5978 35.4116 34.1182C35.1225 34.6385 34.699 35.0732 34.1856 35.3747C33.6723 35.6761 33.0877 35.8347 32.4923 35.8337H24.5057C23.9103 35.8347 23.3255 35.6761 22.8122 35.3747C22.2988 35.0732 21.8756 34.6385 21.5864 34.1182C21.2972 33.5978 21.1526 33.0108 21.1677 32.4157C21.1828 31.8206 21.357 31.2394 21.6722 30.7344L25.9939 23.8008V17.5003M31.2305 24.167H25.7772"
+        stroke="url(#12-paint0_linear_10803_6482)"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <defs>
+        <linearGradient
+          id="12-paint0_linear_10803_6482"
+          x1={4.18657}
+          y1={35.8337}
+          x2={42.2816}
+          y2={22.229}
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor="#9573E5" />
+          <stop offset={1} stopColor="#F39ECF" />
+        </linearGradient>
+      </defs>
+    </svg>
+  );
+};
+GradientDocLabExam200BasicPink.displayName = "GradientDocLabExam200BasicPink";
+const ForwardRef = forwardRef(GradientDocLabExam200BasicPink);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as GradientDocLabExam200BasicPink };

package/src/components/web/GradientFamily200BasicPink.tsx

@@ -0,0 +1,57 @@
+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 GradientFamily200BasicPink = (
+  props: Props,
+  ref: React.Ref<SVGSVGElement>
+) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <svg
+      viewBox="0 0 56 56"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <path
+        d="M51.3332 48.0623V36.3629C51.3289 34.9604 50.7678 33.6171 49.7732 32.6282C48.7786 31.6393 47.4321 31.0859 46.0296 31.0896H44.3309M4.6665 48.0623V36.3629C4.67083 34.9604 5.23196 33.6171 6.22653 32.6282C7.22109 31.6393 8.56767 31.0859 9.97017 31.0896H11.6688M39.3166 51.3337V33.1337C39.3104 31.1703 38.5248 29.2897 37.1326 27.9054C35.7403 26.521 33.8553 25.7461 31.8919 25.751H24.0986C22.1348 25.7486 20.2504 26.5261 18.8598 27.9128C17.4692 29.2994 16.6863 31.1816 16.6832 33.1454V51.3454M47.8167 20.606C47.8167 22.9359 45.9363 24.8247 43.6167 24.8247C41.2971 24.8247 39.4167 22.9359 39.4167 20.606C39.4167 18.2761 41.2971 16.3873 43.6167 16.3873C45.9363 16.3873 47.8167 18.2761 47.8167 20.606ZM34.9998 11.6997C34.9998 15.5837 31.8658 18.7323 27.9998 18.7323C24.1338 18.7323 20.9998 15.5837 20.9998 11.6997C20.9998 7.81562 24.1338 4.66699 27.9998 4.66699C31.8658 4.66699 34.9998 7.81562 34.9998 11.6997ZM16.5853 20.606C16.5853 22.9359 14.7049 24.8247 12.3853 24.8247C10.0657 24.8247 8.1853 22.9359 8.1853 20.606C8.1853 18.2761 10.0657 16.3873 12.3853 16.3873C14.7049 16.3873 16.5853 18.2761 16.5853 20.606Z"
+        stroke="url(#13-paint0_linear_10804_42202)"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <defs>
+        <linearGradient
+          id="13-paint0_linear_10804_42202"
+          x1={4.69254}
+          y1={51.3454}
+          x2={60.8418}
+          y2={31.2953}
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor="#9573E5" />
+          <stop offset={1} stopColor="#F39ECF" />
+        </linearGradient>
+      </defs>
+    </svg>
+  );
+};
+GradientFamily200BasicPink.displayName = "GradientFamily200BasicPink";
+const ForwardRef = forwardRef(GradientFamily200BasicPink);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as GradientFamily200BasicPink };

package/src/components/web/GradientPassaport200BasicPink.tsx

@@ -0,0 +1,57 @@
+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 GradientPassaport200BasicPink = (
+  props: Props,
+  ref: React.Ref<SVGSVGElement>
+) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <svg
+      viewBox="0 0 56 56"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <path
+        d="M34.9983 22.165H44.3316M40.5983 31.4984H34.9983M28.22 38.4984C27.8122 37.4756 27.1818 36.5581 26.3743 35.8096C25.0055 34.5389 23.2067 33.8313 21.3389 33.8317H18.3266C16.4589 33.8313 14.6602 34.5389 13.2913 35.8096C12.4838 36.5581 11.8533 37.4756 11.4456 38.4984M25.0816 22.7484C25.0816 25.6479 22.7311 27.9984 19.8316 27.9984C16.9321 27.9984 14.5816 25.6479 14.5816 22.7484C14.5816 19.8489 16.9321 17.4984 19.8316 17.4984C22.7311 17.4984 25.0816 19.8489 25.0816 22.7484ZM51.334 12.8317V43.165C51.334 44.4027 50.8423 45.5897 49.9671 46.4649C49.092 47.34 47.905 47.8317 46.6673 47.8317H9.33396C8.09629 47.8317 6.9093 47.34 6.03413 46.4649C5.15896 45.5897 4.6673 44.4027 4.6673 43.165V12.9274C4.6673 11.6643 5.16904 10.453 6.06215 9.55989C6.95526 8.66678 8.16658 8.16504 9.42963 8.16504H46.6673C47.905 8.16504 49.092 8.6567 49.9671 9.53187C50.8423 10.407 51.334 11.594 51.334 12.8317Z"
+        stroke="url(#14-paint0_linear_10803_20950)"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <defs>
+        <linearGradient
+          id="14-paint0_linear_10803_20950"
+          x1={4.69333}
+          y1={47.8317}
+          x2={58.5011}
+          y2={25.2214}
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor="#9573E5" />
+          <stop offset={1} stopColor="#F39ECF" />
+        </linearGradient>
+      </defs>
+    </svg>
+  );
+};
+GradientPassaport200BasicPink.displayName = "GradientPassaport200BasicPink";
+const ForwardRef = forwardRef(GradientPassaport200BasicPink);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as GradientPassaport200BasicPink };

package/src/components/web/GradientPersonDoc200BasicPink.tsx

@@ -0,0 +1,55 @@
+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 GradientPersonDoc200BasicPink = (
+  props: Props,
+  ref: React.Ref<SVGSVGElement>
+) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <svg
+      viewBox="0 0 56 56"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      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(#15-paint0_linear_10804_41962)"
+      />
+      <defs>
+        <linearGradient
+          id="15-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;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as GradientPersonDoc200BasicPink };

package/src/components/web/HistoricMedical.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 HistoricMedical = (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="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;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as HistoricMedical };

package/src/components/web/Print.tsx

@@ -25,7 +25,7 @@ const Print = (props: Props, ref: React.Ref<SVGSVGElement>) => {
       ref={ref}
       {...props}
     >
-      <g clipPath="url(#12-clip0_912_3077)">
+      <g clipPath="url(#17-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}
@@ -34,7 +34,7 @@ const Print = (props: Props, ref: React.Ref<SVGSVGElement>) => {
         />
       </g>
       <defs>
-        <clipPath id="12-clip0_912_3077">
+        <clipPath id="17-clip0_912_3077">
           <rect
             width={24}
             height={24}

package/src/components/web/Trial.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 Trial = (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="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;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Trial };

package/src/components/web/TrialUser.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 TrialUser = (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="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;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as TrialUser };

package/src/components/web/index.ts

@@ -33,13 +33,18 @@ 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 './GradientBiometry200BasicPink';
+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 +52,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 +87,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 +98,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 +131,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 +154,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 +277,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/svgs/fill/fill-trial.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="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="currentColor" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="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="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>