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

package/src/components/web/DripChamber.tsx

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

package/src/components/web/Edit.tsx

@@ -0,0 +1,41 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+import { Ref, forwardRef, memo } from "react";
+interface Props extends React.SVGProps<SVGSVGElement> {
+  size?: number;
+  color?: string;
+}
+const Edit = (props: Props, ref: React.Ref<SVGSVGElement>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <path
+        d="M21.0197 11V19C21.0197 19.5304 20.809 20.0391 20.4339 20.4142C20.0589 20.7893 19.5501 21 19.0197 21H5.01971C4.48928 21 3.98057 20.7893 3.6055 20.4142C3.23043 20.0391 3.01971 19.5304 3.01971 19V5C3.01971 4.46957 3.23043 3.96086 3.6055 3.58578C3.98057 3.21071 4.48928 3 5.01971 3H13.0197M16.1057 5.085L18.9337 7.913M20.7267 6.12099L9.84872 17H7.01971V14.171L17.9027 3.293C18.0902 3.10553 18.3445 3.00021 18.6097 3.00021C18.8749 3.00021 19.1292 3.10553 19.3167 3.293L20.7307 4.707C20.9177 4.89506 21.0223 5.14966 21.0215 5.41483C21.0208 5.67999 20.9147 5.934 20.7267 6.12099Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+Edit.displayName = "Edit";
+const ForwardRef = forwardRef(Edit);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Edit };

package/src/components/web/Ellipsis.tsx

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

package/src/components/web/Emergency.tsx

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

package/src/components/web/EmergencyCare.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 EmergencyCare = (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 1.94474V1M18.0205 5L18.9653 4.05526M4.02055 5L3.07581 4.05526M19.9955 11H20.9403M1.07581 11H2.02055M9.02055 11H13.0205M11.0205 13V9M16.5206 16V10.5C16.5206 7.46243 14.0581 5 11.0206 5C7.98299 5 5.52056 7.46243 5.52056 10.5V16M5.02056 16H17.0206C18.1251 16 19.0206 16.8954 19.0206 18V18.5C19.0206 19.3284 18.349 20 17.5206 20H4.52056C3.69213 20 3.02056 19.3284 3.02056 18.5V18C3.02056 16.8954 3.91599 16 5.02056 16Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+EmergencyCare.displayName = "EmergencyCare";
+const ForwardRef = forwardRef(EmergencyCare);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as EmergencyCare };

package/src/components/web/Equal.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 Equal = (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.0917 8.00098H12.0206H4.94956M19.0917 15.9989H4.94956"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+Equal.displayName = "Equal";
+const ForwardRef = forwardRef(Equal);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Equal };

package/src/components/web/Excel.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 Excel = (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.02188 4.99776V2.99693C4.02188 1.8919 4.91768 0.996094 6.02271 0.996094H16.0269C17.1319 0.996094 18.0277 1.8919 18.0277 2.99693V17.0028C18.0277 18.1078 17.1319 19.0036 16.0269 19.0036H6.02271C4.91768 19.0036 4.02188 18.1078 4.02188 17.0028V15.0019M11.0248 13.0019V6.99776C11.0248 5.89319 10.1294 4.99776 9.0248 4.99776H3.02063C1.91606 4.99776 1.02063 5.89319 1.02063 6.99776V13.0019C1.02063 14.1065 1.91606 15.0019 3.02063 15.0019H9.0248C10.1294 15.0019 11.0248 14.1065 11.0248 13.0019ZM11.0248 13.0019L18.0277 13.0011M18.0277 7.07863H11.0248M11.0248 0.996094V19.0036M7.59037 11.7506L4.58912 8.24911M4.58912 11.7506L7.59037 8.24911"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+Excel.displayName = "Excel";
+const ForwardRef = forwardRef(Excel);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Excel };

package/src/components/web/Exit.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 Exit = (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.0206 12H6.02063M6.02063 12L9.02063 9M6.02063 12L9.02063 15M7.02063 18V19C7.02063 19.5304 7.23137 20.0392 7.60645 20.4142C7.98152 20.7893 8.4902 21 9.02063 21H16.0206C16.5511 21 17.0599 20.7893 17.4349 20.4142C17.81 20.0392 18.0206 19.5304 18.0206 19V5C18.0206 4.46957 17.81 3.96089 17.4349 3.58582C17.0599 3.21074 16.5511 3 16.0206 3H9.02063C8.4902 3 7.98152 3.21074 7.60645 3.58582C7.23137 3.96089 7.02063 4.46957 7.02063 5V6"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+Exit.displayName = "Exit";
+const ForwardRef = forwardRef(Exit);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Exit };

package/src/components/web/Eye.tsx

@@ -0,0 +1,47 @@
+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 Eye = (props: Props, ref: React.Ref<SVGSVGElement>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <path
+        d="M3.13806 12.468C3.06077 12.3243 3.02032 12.1637 3.02032 12.0005C3.02032 11.8373 3.06077 11.6767 3.13806 11.533C5.03106 8.03302 8.52605 5 12.0201 5C15.5141 5 19.01 8.03302 20.903 11.533C20.9803 11.6767 21.0208 11.8373 21.0208 12.0005C21.0208 12.1637 20.9803 12.3243 20.903 12.468C19.01 15.968 15.515 19 12.0201 19C8.52505 19 5.03106 15.968 3.13806 12.468Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M12.0201 14.999C13.6769 14.999 15.0201 13.6559 15.0201 11.999C15.0201 10.3422 13.6769 8.99902 12.0201 8.99902C10.3632 8.99902 9.02005 10.3422 9.02005 11.999C9.02005 13.6559 10.3632 14.999 12.0201 14.999Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+Eye.displayName = "Eye";
+const ForwardRef = forwardRef(Eye);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Eye };

package/src/components/web/EyeOff.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 EyeOff = (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.52145 18.505C10.3171 18.8227 11.1647 18.9906 12.0215 19C15.5165 19 19.0114 15.969 20.9044 12.469M19.1015 8.92096C19.7913 9.72619 20.3946 10.6017 20.9015 11.533C20.9787 11.6767 21.0192 11.8373 21.0192 12.0005C21.0192 12.1637 20.9787 12.3243 20.9015 12.468M5.02145 19L19.0215 5M9.79446 14.228C9.20369 13.6372 8.8718 12.836 8.8718 12.0005C8.8718 11.165 9.20369 10.3638 9.79446 9.77301C10.3852 9.18224 11.1865 8.85034 12.022 8.85034C12.8574 8.85034 13.6587 9.18224 14.2495 9.77301M17.0665 6.95599C15.6456 5.76695 13.8725 5.07948 12.0215 5C8.52745 5 5.03247 8.03296 3.13947 11.533C3.06218 11.6767 3.02173 11.8373 3.02173 12.0005C3.02173 12.1637 3.06218 12.3243 3.13947 12.468C4.09288 14.2394 5.39904 15.7968 6.97745 17.044"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+EyeOff.displayName = "EyeOff";
+const ForwardRef = forwardRef(EyeOff);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as EyeOff };

package/src/components/web/Family.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 Family = (props: Props, ref: React.Ref<SVGSVGElement>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <path
+        d="M21.0207 19.598V14.584C21.0188 13.9829 20.7783 13.4072 20.3521 12.9834C19.9258 12.5596 19.3487 12.3224 18.7477 12.324H18.0197M1.02063 19.598V14.584C1.02248 13.9829 1.26297 13.4072 1.68921 12.9834C2.11545 12.5596 2.69256 12.3224 3.29363 12.324H4.02163M15.8707 21V13.2C15.868 12.3586 15.5313 11.5526 14.9347 10.9593C14.338 10.366 13.5301 10.0339 12.6887 10.036H9.34865C8.50703 10.035 7.69944 10.3682 7.10348 10.9625C6.50752 11.5568 6.17198 12.3634 6.17065 13.205V21.005M19.5136 7.83101C19.5136 8.82954 18.7077 9.63901 17.7136 9.63901C16.7195 9.63901 15.9136 8.82954 15.9136 7.83101C15.9136 6.83248 16.7195 6.02301 17.7136 6.02301C18.7077 6.02301 19.5136 6.83248 19.5136 7.83101ZM14.0206 4.014C14.0206 5.67859 12.6775 7.028 11.0206 7.028C9.36378 7.028 8.02063 5.67859 8.02063 4.014C8.02063 2.34941 9.36378 1 11.0206 1C12.6775 1 14.0206 2.34941 14.0206 4.014ZM6.12869 7.83101C6.12869 8.82954 5.3228 9.63901 4.32869 9.63901C3.33457 9.63901 2.52869 8.82954 2.52869 7.83101C2.52869 6.83248 3.33457 6.02301 4.32869 6.02301C5.3228 6.02301 6.12869 6.83248 6.12869 7.83101Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+Family.displayName = "Family";
+const ForwardRef = forwardRef(Family);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Family };

package/src/components/web/File.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 File = (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 8H15.0206C14.7554 8 14.501 7.89457 14.3135 7.70703C14.1259 7.51949 14.0206 7.26522 14.0206 7V3M5.02063 8V5C5.02063 4.46957 5.23125 3.96101 5.60632 3.58594C5.9814 3.21086 6.4902 3 7.02063 3H14.1926C14.7225 3.00011 15.2307 3.21047 15.6056 3.58496L18.4355 6.41406C18.8103 6.78921 19.0208 7.29788 19.0206 7.82812V16M8.02063 16.999H11.0206M20.0206 17.4731V20C20.0206 20.2652 19.9152 20.5195 19.7277 20.707C19.5401 20.8946 19.2858 21 19.0206 21H6.02063C5.4902 21 4.9814 20.7896 4.60632 20.4146C4.23125 20.0395 4.02063 19.5304 4.02063 19V10C4.02063 9.46957 4.23125 8.96101 4.60632 8.58594C4.9814 8.21086 5.4902 8 6.02063 8H8.30664C8.76849 7.99985 9.21613 8.15971 9.57361 8.45215L19.6536 16.7002C19.7681 16.7939 19.8605 16.9117 19.924 17.0454C19.9874 17.1791 20.0205 17.3252 20.0206 17.4731Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+File.displayName = "File";
+const ForwardRef = forwardRef(File);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as File };

package/src/components/web/FillAddCircle.tsx

@@ -0,0 +1,56 @@
+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 FillAddCircle = (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 22.375C17.73 22.375 22.375 17.73 22.375 12C22.375 6.27005 17.73 1.625 12 1.625C6.27005 1.625 1.625 6.27005 1.625 12C1.625 17.73 6.27005 22.375 12 22.375Z"
+        fill={color}
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M11.9931 7.67383L11.9931 16.3005L11.9931 7.67383Z"
+        fill={color}
+      />
+      <path
+        d="M16.3079 11.9886L7.68115 11.9886L16.3079 11.9886Z"
+        fill={color}
+      />
+      <path
+        d="M11.9931 7.67383L11.9931 16.3005M16.3079 11.9886L7.68115 11.9886"
+        stroke="#FAFCFC"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+FillAddCircle.displayName = "FillAddCircle";
+const ForwardRef = forwardRef(FillAddCircle);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as FillAddCircle };

package/src/components/web/FillAffiliate.tsx

@@ -0,0 +1,48 @@
+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 FillAffiliate = (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.75 13.61C9.82 13.61 8.25 12.09 8.25 10.21V8.33003C8.25 7.94003 8.53 7.60003 8.93 7.51003L13.23 6.64003C14.27 6.43003 15.25 7.20003 15.25 8.24003V10.21C15.25 12.09 13.68 13.61 11.75 13.61Z"
+        fill={color}
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M21 20.18V18.67C21 17.29 20.02 16.09 18.65 15.82L15.44 15.13L12 18.92M12 18.92L8.56 15.13L5.35 15.82C3.99 16.09 3 17.28 3 18.67V20.18M12 18.92V21M5.57999 12.04V9.14C5.57999 5.75 8.33999 3 11.75 3C15.16 3 17.92 5.75 17.92 9.14V12.04M17.61 20.43H15.47"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+FillAffiliate.displayName = "FillAffiliate";
+const ForwardRef = forwardRef(FillAffiliate);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as FillAffiliate };