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

package/src/components/web/ShieldCheck.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 ShieldCheck = (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 20"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <path
+        d="M12.3397 8.34033L8.19165 12.4888L5.70267 9.99951M17.0207 10.9995C17.0207 13.1212 16.1778 15.156 14.6775 16.6562C13.1772 18.1565 11.1424 18.9995 9.02066 18.9995C6.89893 18.9995 4.86409 18.1565 3.3638 16.6562C1.86351 15.156 1.02066 13.1212 1.02066 10.9995V4.9126C1.01867 4.66443 1.11016 4.42452 1.27692 4.24072C1.44367 4.05692 1.67347 3.94275 1.92066 3.92065C4.3059 3.73423 6.56972 2.79271 8.38367 1.23267C8.56213 1.08246 8.78792 1 9.02118 1C9.25444 1 9.4802 1.08246 9.65866 1.23267C11.4723 2.79251 13.7358 3.73402 16.1207 3.92065C16.3679 3.94275 16.5977 4.05692 16.7644 4.24072C16.9312 4.42452 17.0227 4.66443 17.0207 4.9126V10.9995Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+ShieldCheck.displayName = "ShieldCheck";
+const ForwardRef = forwardRef(ShieldCheck);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as ShieldCheck };

package/src/components/web/Smile.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 Smile = (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="M8.51031 9V10M15.5103 9V10M15.5103 14.688C15.5103 14.688 14.1973 16 12.0103 16C9.82231 16 8.51031 14.688 8.51031 14.688M3.01031 12C3.01031 7.029 7.03931 3 12.0103 3C16.9813 3 21.0103 7.029 21.0103 12C21.0103 16.971 16.9813 21 12.0103 21C7.03931 21 3.01031 16.971 3.01031 12Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+Smile.displayName = "Smile";
+const ForwardRef = forwardRef(Smile);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Smile };

package/src/components/web/SocialWhatsapp.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 SocialWhatsapp = (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.119 13.5584L13.525 13.159C13.707 12.9798 13.9461 12.8694 14.2006 12.8484C14.4552 12.8274 14.709 12.8968 14.918 13.0437C15.334 13.3357 15.709 13.5975 16.059 13.8435C16.1892 13.9341 16.298 14.052 16.3775 14.1892C16.457 14.3264 16.5054 14.4795 16.5192 14.6375C16.5331 14.7955 16.512 14.9543 16.4575 15.1033C16.403 15.2522 16.3165 15.388 16.204 15.4998L15.845 15.8572M8.16797 8.17698L8.52698 7.82053C8.6387 7.70779 8.77384 7.62032 8.92285 7.56565C9.07186 7.51098 9.23109 7.49039 9.38922 7.50413C9.54735 7.51787 9.70054 7.56617 9.83789 7.64573C9.97524 7.72528 10.0934 7.83376 10.184 7.96409C10.427 8.31409 10.6889 8.68969 10.9839 9.10569C11.1309 9.31473 11.2 9.5688 11.1791 9.82346C11.1583 10.0781 11.0489 10.3178 10.87 10.5002L10.47 10.9065M15.845 15.8535C14.364 17.3285 11.875 16.0773 9.90997 14.1113M9.91199 14.1133C7.94599 12.1463 6.69497 9.65878 8.16797 8.17578M10.464 10.9043C10.806 11.434 11.2051 11.9244 11.654 12.3672C12.097 12.8156 12.5875 13.2137 13.1169 13.5557M18.228 5.76107C16.7327 4.26567 14.745 3.3649 12.6348 3.22591C10.5247 3.08692 8.43593 3.71886 6.75745 5.00521C5.07896 6.29156 3.92518 8.14438 3.5108 10.2181C3.09643 12.2918 3.4497 14.446 4.50494 16.2786L3.26794 20.7933L7.88995 19.5824C9.16845 20.2787 10.6011 20.643 12.0569 20.6429C13.7809 20.6426 15.4661 20.1319 16.8995 19.1742C18.3329 18.2164 19.4502 16.8546 20.1102 15.262C20.7702 13.6695 20.9433 11.9168 20.6075 10.2259C20.2718 8.53498 19.4424 6.98169 18.224 5.76204L18.228 5.76107Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+SocialWhatsapp.displayName = "SocialWhatsapp";
+const ForwardRef = forwardRef(SocialWhatsapp);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as SocialWhatsapp };

package/src/components/web/SocialYoutube.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 SocialYoutube = (props: Props, ref: React.Ref<SVGSVGElement>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 25 24"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <path
+        d="M21.605 6.37335C21.5147 5.90488 21.3041 5.46793 20.994 5.10538C20.6838 4.74283 20.2848 4.46715 19.836 4.30536C18.277 3.81836 12.0211 3.81836 12.0211 3.81836C12.0211 3.81836 5.76909 3.81836 4.20709 4.30536C3.75832 4.46724 3.35925 4.74297 3.04913 5.1055C2.73901 5.46803 2.52845 5.90492 2.43805 6.37335C1.88206 10.1037 1.88206 13.8959 2.43805 17.6263C2.52854 18.0947 2.73903 18.5316 3.04913 18.8941C3.35924 19.2567 3.75837 19.5324 4.20709 19.6944C5.76909 20.1814 12.0211 20.1814 12.0211 20.1814C12.0211 20.1814 18.277 20.1814 19.836 19.6944C20.2846 19.5322 20.6834 19.2564 20.9935 18.8939C21.3035 18.5314 21.5144 18.0947 21.605 17.6263C22.1597 13.8958 22.1597 10.1038 21.605 6.37335Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M10.024 15.0004L15.2239 12.0004L10.024 9.00037V15.0004Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+SocialYoutube.displayName = "SocialYoutube";
+const ForwardRef = forwardRef(SocialYoutube);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as SocialYoutube };

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