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

package/src/components/web/Sort.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 Sort = (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="M10.021 8L7.021 5M7.021 5L4.021 8M7.021 5V16M14.021 16L17.021 19M17.021 19L20.021 16M17.021 19V8"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+Sort.displayName = "Sort";
+const ForwardRef = forwardRef(Sort);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Sort };

package/src/components/web/SortTrans.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 SortTrans = (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="M13.0206 15H5.02063C4.4902 15 3.98152 14.7894 3.60645 14.4143C3.23137 14.0392 3.02063 13.5304 3.02063 13V5C3.02063 4.46957 3.23137 3.96101 3.60645 3.58594C3.98152 3.21086 4.4902 3 5.02063 3H16.0206C16.5511 3 17.0597 3.21086 17.4348 3.58594C17.8099 3.96101 18.0206 4.46957 18.0206 5V9M13.0206 15L11.5206 16.5M13.0206 15L11.5206 13.5M7.02063 12V11C7.02063 10.4696 7.23137 9.96101 7.60645 9.58594C7.98152 9.21086 8.4902 9 9.02063 9H19.0206C19.5511 9 20.0597 9.21086 20.4348 9.58594C20.8099 9.96101 21.0206 10.4696 21.0206 11V19C21.0206 19.5304 20.8099 20.0392 20.4348 20.4143C20.0597 20.7894 19.5511 21 19.0206 21H9.02063C8.4902 21 7.98152 20.7894 7.60645 20.4143C7.23137 20.0392 7.02063 19.5304 7.02063 19V18"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+SortTrans.displayName = "SortTrans";
+const ForwardRef = forwardRef(SortTrans);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as SortTrans };

package/src/components/web/Sport.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 Sport = (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 20 20"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <path
+        d="M7.93084 5.34267H10.0207M10.0207 5.34267L11.6494 4.35025C11.9096 4.19175 12.2278 4.16045 12.5139 4.26523C12.8 4.37 13.0227 4.59943 13.119 4.88848L15.423 11.8004L18.6643 16.1222C19.0736 16.6678 19.1394 17.3979 18.8344 18.0079C18.5293 18.618 17.9058 19.0034 17.2237 19.0034H13.2921C12.1803 19.004 11.1185 18.5415 10.3619 17.7268L1.8173 8.52999C1.26239 7.9315 0.975161 7.13283 1.02178 6.31801C1.0684 5.50319 1.44485 4.74249 2.0644 4.21119L5.48883 1.27697C5.83264 0.982456 6.31642 0.914977 6.7277 1.10417C7.13899 1.29337 7.40254 1.70463 7.40262 2.15734V5.34267H10.0207ZM1.01696 15.5019H3.0178M6.01905 19.0034H1.01696M18.5713 16.0021H13.5452C12.7124 16.0044 11.9166 15.6584 11.3503 15.0477L1.67224 4.62537M11.0211 11L14.9278 10.3237M10.0207 8.49898L14.0864 7.79569"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+Sport.displayName = "Sport";
+const ForwardRef = forwardRef(Sport);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Sport };

package/src/components/web/Star.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 Star = (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="M13.0746 3.41248L14.8986 7.11249C14.9919 7.30211 15.13 7.46615 15.3009 7.59039C15.4718 7.71463 15.6705 7.79534 15.8796 7.8255L19.9597 8.41852C20.2009 8.45236 20.4277 8.55328 20.6143 8.70978C20.8009 8.86628 20.9399 9.07204 21.0152 9.30365C21.0906 9.53526 21.0994 9.78341 21.0406 10.0198C20.9818 10.2561 20.8578 10.4712 20.6826 10.6405L17.7306 13.5175C17.5792 13.665 17.466 13.8471 17.4008 14.0482C17.3356 14.2493 17.3204 14.4632 17.3566 14.6715L18.0566 18.7345C18.0989 18.9744 18.0728 19.2214 17.9815 19.4472C17.8902 19.673 17.7373 19.8687 17.5401 20.0118C17.343 20.155 17.1096 20.2398 16.8666 20.2567C16.6236 20.2736 16.3807 20.2219 16.1656 20.1075L12.5176 18.1895C12.3307 18.0909 12.1225 18.0394 11.9111 18.0394C11.6998 18.0394 11.4916 18.0909 11.3047 18.1895L7.65664 20.1075C7.44159 20.2219 7.1987 20.2736 6.95568 20.2567C6.71267 20.2398 6.47929 20.155 6.28216 20.0118C6.08503 19.8687 5.93208 19.673 5.84075 19.4472C5.74943 19.2214 5.72342 18.9744 5.76565 18.7345L6.46563 14.6715C6.50169 14.4632 6.48639 14.2491 6.42105 14.048C6.3557 13.8469 6.24227 13.6649 6.09063 13.5175L3.13864 10.6405C2.96353 10.4712 2.8395 10.2561 2.7807 10.0198C2.72189 9.78341 2.73069 9.53526 2.80606 9.30365C2.88142 9.07204 3.02033 8.86628 3.20697 8.70978C3.3936 8.55328 3.62043 8.45236 3.86163 8.41852L7.94165 7.8255C8.1508 7.79534 8.34944 7.71463 8.52038 7.59039C8.69132 7.46615 8.82938 7.30211 8.92263 7.11249L10.7466 3.41248C10.8544 3.19588 11.0204 3.01369 11.226 2.88629C11.4316 2.7589 11.6687 2.69141 11.9106 2.69141C12.1525 2.69141 12.3896 2.7589 12.5953 2.88629C12.8009 3.01369 12.9669 3.19588 13.0746 3.41248Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+Star.displayName = "Star";
+const ForwardRef = forwardRef(Star);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Star };

package/src/components/web/Stethoscope.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 Stethoscope = (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="M19.5206 16C20.9013 16 22.0206 14.8807 22.0206 13.5C22.0206 12.1193 20.9013 11 19.5206 11C18.1399 11 17.0206 12.1193 17.0206 13.5C17.0206 14.8807 18.1399 16 19.5206 16ZM19.5206 16V16.25C19.5206 17.775 18.9148 19.2371 17.8364 20.3154C16.7581 21.3938 15.2956 22 13.7706 22C12.2456 22 10.783 21.3938 9.70465 20.3154C8.62632 19.2371 8.02057 17.775 8.02057 16.25V15M6.02057 3H4.02057C3.49014 3 2.9814 3.21086 2.60632 3.58594C2.23125 3.96101 2.02057 4.46957 2.02057 5V9C2.02057 10.5913 2.65267 12.117 3.77789 13.2422C4.90311 14.3674 6.42927 15 8.02057 15M8.02057 15C9.61187 15 11.138 14.3674 12.2632 13.2422C13.3884 12.117 14.0206 10.5913 14.0206 9V5C14.0206 4.46957 13.8098 3.96101 13.4348 3.58594C13.0597 3.21086 12.551 3 12.0206 3H10.0206M6.02057 2V4M10.0206 2V4"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+Stethoscope.displayName = "Stethoscope";
+const ForwardRef = forwardRef(Stethoscope);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Stethoscope };

package/src/components/web/StoreApple.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 StoreApple = (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="M12.1334 8.49844C11.4284 8.49844 10.3304 7.67644 9.18842 7.67644C8.42726 7.70237 7.68619 7.92736 7.03909 8.32899C6.39199 8.73062 5.86147 9.29485 5.50042 9.96544C3.92642 12.6974 5.09542 16.7344 6.63042 18.9554C7.38342 20.0364 8.27142 21.2554 9.44942 21.2144C10.5794 21.1664 11.0034 20.4804 12.3754 20.4804C13.7474 20.4804 14.1234 21.2144 15.3204 21.1854C16.5374 21.1664 17.3094 20.0854 18.0524 18.9934C18.5863 18.2117 19.0027 17.3559 19.2884 16.4534C18.5797 16.1518 17.9749 15.649 17.549 15.0072C17.1232 14.3653 16.8949 13.6127 16.8924 12.8424C16.8988 12.1598 17.0795 11.4901 17.4175 10.897C17.7554 10.3038 18.2394 9.80693 18.8234 9.45344C18.4524 8.9277 17.965 8.49472 17.3992 8.18823C16.8334 7.88174 16.2045 7.71002 15.5614 7.68644C14.0734 7.57044 12.8294 8.49844 12.1334 8.49844Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M13.2707 2.89318C14.2049 2.54531 14.8154 3.05763 14.635 4.03804C14.5075 4.56757 14.2589 5.06031 13.9088 5.47753C13.5587 5.89476 13.1166 6.22509 12.6172 6.44258C11.683 6.79046 11.0725 6.27813 11.2529 5.29773C11.3804 4.7682 11.629 4.27546 11.9791 3.85823C12.3292 3.44101 12.7714 3.11067 13.2707 2.89318Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+StoreApple.displayName = "StoreApple";
+const ForwardRef = forwardRef(StoreApple);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as StoreApple };

package/src/components/web/Target.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 Target = (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="M12.0206 21V17M12.0206 3V7M7.02063 12H3.02063M21.0206 12H17.0206M16.9703 7.05025C19.704 9.78392 19.704 14.2161 16.9703 16.9497C14.2367 19.6834 9.80451 19.6834 7.07084 16.9497C4.33717 14.2161 4.33717 9.78392 7.07084 7.05025C9.80451 4.31658 14.2367 4.31658 16.9703 7.05025ZM13.4348 10.5858C14.2159 11.3668 14.2159 12.6332 13.4348 13.4142C12.6538 14.1953 11.3875 14.1953 10.6064 13.4142C9.82535 12.6332 9.82535 11.3669 10.6064 10.5858C11.3874 9.80475 12.6538 9.80475 13.4348 10.5858Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+Target.displayName = "Target";
+const ForwardRef = forwardRef(Target);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Target };

package/src/components/web/Teeth.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 Teeth = (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="M13.6913 7.26854C12.5989 7.57567 11.4424 7.57567 10.3499 7.26854M19.3057 6.41119C18.1522 4.48839 15.8542 3.57501 13.6953 4.18226L12.7409 4.45037C12.2697 4.58243 11.7715 4.58243 11.3013 4.45037L10.3469 4.18226C8.18703 3.57501 5.89007 4.48839 4.73559 6.41119C4.2704 7.18651 4.02429 8.07388 4.02327 8.97926V9.0723C4.01929 12.1476 4.63855 15.1918 5.84205 18.022L6.17019 18.7923C6.48232 19.5256 7.20362 20.0028 8.00195 20.0028C8.81729 20.0028 9.55059 19.5046 9.85172 18.7473L10.8011 16.3563C11.0002 15.8541 11.4834 15.525 12.0206 15.525C12.5578 15.525 13.041 15.8541 13.2401 16.3563L14.1895 18.7473C14.4907 19.5046 15.224 20.0028 16.0393 20.0028C16.8376 20.0028 17.5589 19.5256 17.8711 18.7913L18.1992 18.021C19.4037 15.1908 20.022 12.1466 20.018 9.0713V8.97826C20.017 8.07388 19.7709 7.18651 19.3057 6.41119Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+Teeth.displayName = "Teeth";
+const ForwardRef = forwardRef(Teeth);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Teeth };

package/src/components/web/Telemedicine.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 Telemedicine = (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="M9.02063 6H10.0206M11.0206 9H12.0206M11.0206 2.96714H12.0206M21.0206 13V14.428C21.0209 15.1099 20.7502 15.764 20.2682 16.2463C19.7862 16.7287 19.1323 16.9998 18.4504 17H5.59163C4.90978 17 4.25586 16.7292 3.7737 16.2471C3.29154 15.765 3.02066 15.111 3.02063 14.4292V5.571C3.0206 4.88916 3.29144 4.23523 3.77356 3.75307C4.25568 3.27091 4.90958 3.00003 5.59143 3H7.02063M14.0206 17L14.5206 21M10.0206 17L9.52063 21M8.16363 21H15.8776M22.0206 6.8C22.0206 7.24183 21.6625 7.6 21.2206 7.6H19.6206V9.2C19.6206 9.64183 19.2625 10 18.8206 10H17.2206C16.7788 10 16.4206 9.64183 16.4206 9.2V7.6H14.8206C14.3788 7.6 14.0206 7.24183 14.0206 6.8V5.2C14.0206 4.75817 14.3788 4.4 14.8206 4.4H16.4206V2.8C16.4206 2.35817 16.7788 2 17.2206 2H18.8206C19.2625 2 19.6206 2.35817 19.6206 2.8V4.4H21.2206C21.6625 4.4 22.0206 4.75817 22.0206 5.2V6.8Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+Telemedicine.displayName = "Telemedicine";
+const ForwardRef = forwardRef(Telemedicine);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Telemedicine };

package/src/components/web/Transfer.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 Transfer = (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="M6.52057 2.5L8.02057 4M8.02057 4L6.52057 5.5M8.02057 4H6.02057C5.22492 4 4.46184 4.31581 3.89923 4.87842C3.33662 5.44103 3.02057 6.20435 3.02057 7M17.5206 21.5L16.0206 20M16.0206 20L17.5206 18.5M16.0206 20H18.0206C18.8162 20 19.5793 19.6837 20.1419 19.1211C20.7045 18.5585 21.0206 17.7956 21.0206 17M11.0206 10H5.02057C3.916 10 3.02057 10.8954 3.02057 12V18C3.02057 19.1046 3.916 20 5.02057 20H11.0206C12.1251 20 13.0206 19.1046 13.0206 18V12C13.0206 10.8954 12.1251 10 11.0206 10ZM11.0206 10V6C11.0206 5.46957 11.2313 4.96101 11.6064 4.58594C11.9815 4.21086 12.4901 4 13.0206 4H19.0206C19.551 4 20.0597 4.21086 20.4348 4.58594C20.8098 4.96101 21.0206 5.46957 21.0206 6V12C21.0206 12.5304 20.8098 13.039 20.4348 13.4141C20.0597 13.7891 19.551 14 19.0206 14H13.0206"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+Transfer.displayName = "Transfer";
+const ForwardRef = forwardRef(Transfer);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Transfer };

package/src/components/web/Trash.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 Trash = (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 18 18"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <path
+        d="M6.40905 3.14221V0.868164H11.6311V3.14221M0.930054 3.14319H17.1111M13.9291 17.1321H4.10106L2.86206 3.13824H15.1671L13.9291 17.1321Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+Trash.displayName = "Trash";
+const ForwardRef = forwardRef(Trash);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Trash };

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/Unlink.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 Unlink = (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="M16.9698 12.7074L19.7989 9.87939C20.1703 9.50796 20.465 9.06698 20.666 8.58167C20.867 8.09635 20.9705 7.57621 20.9705 7.0509C20.9705 6.5256 20.867 6.00546 20.666 5.52014C20.465 5.03483 20.1703 4.59385 19.7989 4.22241C19.4275 3.85096 18.9865 3.55632 18.5012 3.35529C18.0158 3.15425 17.4957 3.05078 16.9704 3.05078C16.4451 3.05078 15.9249 3.15425 15.4396 3.35529C14.9543 3.55632 14.5133 3.85096 14.1418 4.22241L11.3129 7.05139M7.07086 11.2934L4.24188 14.1224C3.492 14.8725 3.07074 15.8898 3.07074 16.9504C3.07074 18.0111 3.492 19.0283 4.24188 19.7784C4.61332 20.1498 5.0543 20.4445 5.53961 20.6456C6.02493 20.8466 6.54507 20.9501 7.07037 20.9501C7.59568 20.9501 8.11582 20.8466 8.60114 20.6456C9.08645 20.4445 9.52743 20.1498 9.89886 19.7784L12.7278 16.9504M5.65585 8.46542L3.53485 7.75842M8.48489 5.63638L7.77789 3.51538M18.3839 15.5364L20.5049 16.2434M15.5558 18.3644L16.2628 20.4854M9.19189 14.8294L14.8489 9.17242"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+Unlink.displayName = "Unlink";
+const ForwardRef = forwardRef(Unlink);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Unlink };

package/src/components/web/UpArrowLine.tsx

@@ -0,0 +1,39 @@
+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 UpArrowLine = (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.90103 0.446582C8.40687 -0.148861 7.59323 -0.148861 7.09907 0.446582L2.09094 6.48065L2.08787 6.48452L0 9H16L13.9195 6.49321C13.9161 6.4891 13.9126 6.48476 13.9092 6.48065L8.90103 0.446582Z"
+        fill={color}
+      />
+    </svg>
+  );
+};
+UpArrowLine.displayName = "UpArrowLine";
+const ForwardRef = forwardRef(UpArrowLine);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as UpArrowLine };