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

package/src/components/web/MarkerVirus.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 MarkerVirus = (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 22"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <path
+        d="M18.0866 11.0007C18.0866 14.3509 15.3708 17.0667 12.0206 17.0667M18.0866 11.0007C18.0866 7.65054 15.3708 4.9347 12.0206 4.9347M18.0866 11.0007H22.4756M12.0206 17.0667C8.67048 17.0667 5.95464 14.3509 5.95464 11.0007M12.0206 17.0667V20.9877M5.95464 11.0007C5.95464 7.65054 8.67048 4.9347 12.0206 4.9347M5.95464 11.0007H1.56564M12.0206 4.9347V1.0127M7.75819 15.3167L4.24364 18.7777M19.7976 3.2237L16.3366 6.6847M16.3366 15.2631L19.7506 18.7307M4.29164 3.2717L7.75819 6.6847M13.4436 11.0007C13.4436 11.7866 12.8065 12.4237 12.0206 12.4237C11.2347 12.4237 10.5976 11.7866 10.5976 11.0007C10.5976 10.2148 11.2347 9.57769 12.0206 9.57769C12.8065 9.57769 13.4436 10.2148 13.4436 11.0007Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+MarkerVirus.displayName = "MarkerVirus";
+const ForwardRef = forwardRef(MarkerVirus);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as MarkerVirus };

package/src/components/web/Mask.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 Mask = (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 22 18"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <path
+        d="M8.24383 10.6667H13.7994M8.24383 7.33333H13.7994M18.0206 12H19.0206C20.1252 12 21.0206 11.1046 21.0206 10V8C21.0206 6.89543 20.1252 6 19.0206 6H18.0206M18.0206 12C18.0206 14.8306 12.4046 17 11.0206 17C9.63663 17 4.02063 14.8306 4.02063 12M18.0206 12V4.98894C18.0206 4.1175 17.4564 3.34637 16.6258 3.08269L12.231 1.6875C11.4434 1.4375 10.5978 1.4375 9.81031 1.6875L5.41547 3.08269C4.58488 3.34637 4.02063 4.1175 4.02063 4.98894V12M4.02063 6H3.02063C1.91606 6 1.02063 6.89543 1.02063 8V10C1.02063 11.1046 1.91606 12 3.02063 12H4.02063"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+Mask.displayName = "Mask";
+const ForwardRef = forwardRef(Mask);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Mask };

package/src/components/web/MenuBoardSquare.tsx

@@ -0,0 +1,59 @@
+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 MenuBoardSquare = (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="M11.5206 3.5C11.5206 2.11929 12.6399 1 14.0206 1H16.5206C17.9013 1 19.0206 2.11929 19.0206 3.5V6C19.0206 7.38071 17.9013 8.5 16.5206 8.5H14.0206C12.6399 8.5 11.5206 7.38071 11.5206 6V3.5Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M11.5206 14C11.5206 12.6193 12.6399 11.5 14.0206 11.5H16.5206C17.9013 11.5 19.0206 12.6193 19.0206 14V16.5C19.0206 17.8807 17.9013 19 16.5206 19H14.0206C12.6399 19 11.5206 17.8807 11.5206 16.5V14Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M1.02057 3.5C1.02057 2.11929 2.13986 1 3.52057 1H6.02057C7.40128 1 8.52057 2.11929 8.52057 3.5V6C8.52057 7.38071 7.40128 8.5 6.02057 8.5H3.52057C2.13986 8.5 1.02057 7.38071 1.02057 6V3.5Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M1.02057 14C1.02057 12.6193 2.13986 11.5 3.52057 11.5H6.02057C7.40128 11.5 8.52057 12.6193 8.52057 14V16.5C8.52057 17.8807 7.40128 19 6.02057 19H3.52057C2.13986 19 1.02057 17.8807 1.02057 16.5V14Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+MenuBoardSquare.displayName = "MenuBoardSquare";
+const ForwardRef = forwardRef(MenuBoardSquare);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as MenuBoardSquare };

package/src/components/web/MenuBurger.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 MenuBurger = (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 16 10"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <path
+        d="M1.51828 4.99971H14.5234M1.51828 9.00138H14.5234M1.51794 0.998047H14.523"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+MenuBurger.displayName = "MenuBurger";
+const ForwardRef = forwardRef(MenuBurger);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as MenuBurger };

package/src/components/web/Mic.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 Mic = (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="M11.9445 20.5733V18.0623M9.27252 20.5753H14.6155M19.1055 10.9803C19.1055 12.8593 18.3591 14.6614 17.0304 15.9901C15.7017 17.3188 13.8996 18.0652 12.0205 18.0652C10.1415 18.0652 8.33938 17.3188 7.01068 15.9901C5.68199 14.6614 4.93555 12.8593 4.93555 10.9803M12.0195 15.1043C11.1045 15.1043 10.227 14.7408 9.58 14.0938C8.93299 13.4468 8.56953 12.5693 8.56953 11.6543V6.87531C8.56953 5.96022 8.93296 5.08258 9.57993 4.43542C10.2269 3.78827 11.1044 3.42458 12.0195 3.42432C12.9346 3.42458 13.8121 3.78827 14.4591 4.43542C15.1061 5.08258 15.4695 5.96022 15.4695 6.87531V11.6543C15.4695 12.5693 15.106 13.4468 14.459 14.0938C13.812 14.7408 12.9345 15.1043 12.0195 15.1043Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+Mic.displayName = "Mic";
+const ForwardRef = forwardRef(Mic);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Mic };

package/src/components/web/MicOff.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 MicOff = (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.0201 20.5303V18.0303M9.36114 20.5354H14.6791M19.2841 18.5843L4.75713 4.05734M19.1471 10.9843C19.1472 11.9103 18.965 12.8273 18.6107 13.6828C18.2564 14.5383 17.737 15.3157 17.0822 15.9705C16.4275 16.6252 15.6501 17.1446 14.7946 17.4989C13.9391 17.8532 13.0221 18.0355 12.0961 18.0353C10.2262 18.0351 8.43288 17.2921 7.11062 15.9699C5.78836 14.6476 5.04539 12.8543 5.04513 10.9843M12.0961 15.0894C11.1854 15.0894 10.3119 14.7276 9.66792 14.0836C9.02392 13.4396 8.66212 12.5661 8.66212 11.6553V6.89832C8.66212 5.98756 9.02392 5.11415 9.66792 4.47015C10.3119 3.82615 11.1854 3.46436 12.0961 3.46436C12.5471 3.46436 12.9936 3.55313 13.4103 3.72571C13.8269 3.89828 14.2055 4.15128 14.5243 4.47015C14.8432 4.78903 15.0961 5.1676 15.2687 5.58423C15.4413 6.00086 15.5301 6.44736 15.5301 6.89832V11.6553C15.5301 12.1063 15.4413 12.5529 15.2687 12.9695C15.0961 13.3861 14.8432 13.7647 14.5243 14.0836C14.2055 14.4024 13.8269 14.6554 13.4103 14.8279C12.9936 15.0005 12.5471 15.0894 12.0961 15.0894Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+MicOff.displayName = "MicOff";
+const ForwardRef = forwardRef(MicOff);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as MicOff };

package/src/components/web/Minus.tsx

@@ -0,0 +1,43 @@
+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 Minus = (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 14 4"
+      fill="none"
+      stroke={stroke}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      width={size}
+      height={size}
+      color={color}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M0.75 2C0.75 1.30964 1.30964 0.75 2 0.75H12C12.6904 0.75 13.25 1.30964 13.25 2C13.25 2.69036 12.6904 3.25 12 3.25H2C1.30964 3.25 0.75 2.69036 0.75 2Z"
+        fill={color}
+      />
+    </svg>
+  );
+};
+Minus.displayName = "Minus";
+const ForwardRef = forwardRef(Minus);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Minus };

package/src/components/web/Money.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 Money = (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.0206 6.99909V8.24909M12.0206 16.999V15.753M14.5076 9.99909C14.4776 9.52543 14.2685 9.08096 13.9227 8.75593C13.5768 8.43089 13.1203 8.24967 12.6457 8.24909H11.2757C10.847 8.24837 10.4328 8.4046 10.1114 8.6883C9.78995 8.972 9.58348 9.36364 9.53094 9.78913C9.4784 10.2146 9.58346 10.6445 9.82622 10.9979C10.069 11.3512 10.4327 11.6035 10.8487 11.7071L13.1927 12.295C13.6087 12.3986 13.9724 12.6509 14.2151 13.0042C14.4579 13.3576 14.563 13.7877 14.5104 14.2132C14.4579 14.6387 14.2514 15.0301 13.93 15.3138C13.6086 15.5975 13.1944 15.7537 12.7657 15.753H11.3957C10.9204 15.7521 10.4633 15.5705 10.1172 15.2447C9.77119 14.9189 9.56213 14.4735 9.53265 13.9991M22.4196 12.0001C22.4196 17.7433 17.7639 22.3991 12.0206 22.3991C6.27743 22.3991 1.62164 17.7433 1.62164 12.0001C1.62164 6.25687 6.27743 1.60107 12.0206 1.60107C17.7639 1.60107 22.4196 6.25687 22.4196 12.0001Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+Money.displayName = "Money";
+const ForwardRef = forwardRef(Money);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Money };

package/src/components/web/MoneyAdd.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 MoneyAdd = (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="M17.9276 13.516C18.3076 12.585 18.5206 11.568 18.5206 10.5C18.5206 6.082 14.9386 2.5 10.5206 2.5C6.10257 2.5 2.52057 6.082 2.52057 10.5C2.52057 14.918 6.10257 18.5 10.5206 18.5C11.5886 18.5 12.6066 18.287 13.5386 17.907M10.5206 7.632V6.995M10.5206 13.359V13.995M8.86357 12.676C9.11057 13.081 9.53257 13.36 10.0436 13.36H11.0896C11.8306 13.36 12.4296 12.76 12.4296 12.02C12.4296 11.405 12.0106 10.87 11.4146 10.719L9.62457 10.269C9.02957 10.12 8.61057 9.585 8.61057 8.97C8.61057 8.229 9.21057 7.63 9.95057 7.63H10.9976C11.5066 7.63 11.9286 7.909 12.1746 8.313M16.2006 17.631H18.8806M17.5396 18.971V16.291M17.5206 13.5C19.7296 13.5 21.5206 15.291 21.5206 17.5C21.5206 19.709 19.7296 21.5 17.5206 21.5C15.3116 21.5 13.5206 19.709 13.5206 17.5C13.5206 15.291 15.3116 13.5 17.5206 13.5Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+MoneyAdd.displayName = "MoneyAdd";
+const ForwardRef = forwardRef(MoneyAdd);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as MoneyAdd };

package/src/components/web/Note.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 Note = (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="M19.0204 4.56562V11.1863C18.119 11.1863 16.5205 11.1863 14.0205 11.1863C12.7393 11.1863 11.5205 11.5 11.2071 13.3125C11.2071 15 11.2071 15.6875 11.2071 19H4.58556C4.11729 19 3.6537 18.9078 3.22109 18.7286C2.78849 18.5494 2.39541 18.2869 2.06435 17.9558C1.73329 17.6247 1.4707 17.2318 1.2916 16.7993C1.1125 16.3667 1.02037 15.9031 1.02051 15.4349V4.5646C1.02051 3.61923 1.39615 2.71266 2.06473 2.04418C2.73332 1.37571 3.64004 1 4.58556 1H15.4575C16.4028 1.00056 17.3091 1.37657 17.9773 2.04521C18.6454 2.71385 19.0206 3.62044 19.0204 4.56562Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M11.1829 13.6053C11.1826 13.2843 11.2457 12.966 11.3684 12.6694C11.4911 12.3728 11.6711 12.1037 11.898 11.8766C12.125 11.6496 12.3944 11.4694 12.691 11.3466C12.9876 11.2238 13.3056 11.1607 13.6266 11.1609H19.0204C19.026 11.7745 18.7931 12.3661 18.3708 12.8115L12.9171 18.2634C12.6908 18.4942 12.4211 18.6779 12.1234 18.8042C11.8258 18.9304 11.5062 18.9969 11.1829 18.9992V13.6053Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+Note.displayName = "Note";
+const ForwardRef = forwardRef(Note);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Note };

package/src/components/web/Orange.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 Orange = (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.6361 3.65604C15.3584 3.66183 14.1346 4.1719 13.2311 5.0753C12.3275 5.97869 11.8172 7.20231 11.8111 8.48002M12.0311 21.7801C10.7267 21.78 9.44553 21.4343 8.3181 20.7782C7.19068 20.1221 6.25721 19.1789 5.61271 18.0448C4.96821 16.9107 4.6357 15.6261 4.649 14.3217C4.66231 13.0174 5.02096 11.7398 5.68846 10.6191C6.35595 9.49839 7.30846 8.57448 8.44904 7.9415C9.58961 7.30852 10.8775 6.98908 12.1817 7.0156C13.4859 7.04211 14.7597 7.41368 15.8736 8.0925C16.9875 8.77132 17.9017 9.73311 18.5231 10.88C19.1223 12.006 19.4211 13.2674 19.3904 14.5425C19.3597 15.8176 19.0007 17.0633 18.3481 18.1591C17.6954 19.2549 16.7711 20.1639 15.6646 20.7982C14.558 21.4325 13.3065 21.7707 12.0311 21.7801ZM6.5991 2.86805C7.23185 3.90887 8.24973 4.65799 9.43161 4.95267C10.6135 5.24735 11.8639 5.06378 12.9112 4.44184C12.2783 3.40122 11.2604 2.65227 10.0786 2.35761C8.89683 2.06295 7.64649 2.24637 6.5991 2.86805Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+Orange.displayName = "Orange";
+const ForwardRef = forwardRef(Orange);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Orange };

package/src/components/web/Order.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 Order = (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="M18.0206 5H21.0206M18.0206 5C18.0206 6.10457 17.1252 7 16.0206 7C14.9161 7 14.0206 6.10457 14.0206 5M18.0206 5C18.0206 3.89543 17.1252 3 16.0206 3C14.9161 3 14.0206 3.89543 14.0206 5M3.02063 5H14.0206M10.0206 12H21.0206M10.0206 12C10.0206 13.1046 9.1252 14 8.02063 14C6.91606 14 6.02063 13.1046 6.02063 12M10.0206 12C10.0206 10.8954 9.1252 10 8.02063 10C6.91606 10 6.02063 10.8954 6.02063 12M3.02063 12H6.02063M18.0206 19H21.0206M18.0206 19C18.0206 20.1046 17.1252 21 16.0206 21C14.9161 21 14.0206 20.1046 14.0206 19M18.0206 19C18.0206 17.8954 17.1252 17 16.0206 17C14.9161 17 14.0206 17.8954 14.0206 19M3.02063 19H14.0206"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+Order.displayName = "Order";
+const ForwardRef = forwardRef(Order);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Order };

package/src/components/web/OrderDownArrow.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 OrderDownArrow = (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.02063 9.99707L12.0206 13.9971L16.0206 9.99707"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+OrderDownArrow.displayName = "OrderDownArrow";
+const ForwardRef = forwardRef(OrderDownArrow);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as OrderDownArrow };

package/src/components/web/OrderUpArrow.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 OrderUpArrow = (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.0206 13.9971L12.0206 9.99707L8.02063 13.9971"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+OrderUpArrow.displayName = "OrderUpArrow";
+const ForwardRef = forwardRef(OrderUpArrow);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as OrderUpArrow };

package/src/components/web/Passaport.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 Passaport = (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="M14.1219 7.8533L14.6546 7.32533C14.6493 7.31995 14.6438 7.31465 14.6384 7.30943L14.1219 7.8533ZM18.0206 19.25H6.02057V20.75H18.0206V19.25ZM6.02057 19.25C4.77778 19.25 3.77057 18.2428 3.77057 17H2.27057C2.27057 19.0712 3.94936 20.75 6.02057 20.75V19.25ZM3.77057 17V7H2.27057V17H3.77057ZM3.77057 7C3.77057 5.75721 4.77778 4.75 6.02057 4.75V3.25C3.94936 3.25 2.27057 4.92879 2.27057 7H3.77057ZM6.02057 4.75H18.0206V3.25H6.02057V4.75ZM18.0206 4.75C19.2634 4.75 20.2706 5.75721 20.2706 7H21.7706C21.7706 4.92879 20.0918 3.25 18.0206 3.25V4.75ZM20.2706 7V17H21.7706V7H20.2706ZM20.2706 17C20.2706 18.2428 19.2634 19.25 18.0206 19.25V20.75C20.0918 20.75 21.7706 19.0712 21.7706 17H20.2706ZM13.5892 8.38128C14.5068 9.30697 14.4832 10.7426 13.6055 11.576L14.6384 12.6637C16.1571 11.2216 16.1335 8.81734 14.6546 7.32533L13.5892 8.38128ZM13.6055 11.576C12.6655 12.4685 11.2451 12.4697 10.4414 11.6082L9.34457 12.6314C10.7963 14.1877 13.1819 14.0466 14.6384 12.6637L13.6055 11.576ZM10.4414 11.6082C9.55361 10.6566 9.55137 9.21193 10.4094 8.39718L9.37656 7.30943C7.8382 8.77016 7.97693 11.1654 9.34457 12.6314L10.4414 11.6082ZM10.4094 8.39718C11.3182 7.53427 12.6967 7.53427 13.6055 8.39718L14.6384 7.30943C13.1507 5.89686 10.8642 5.89686 9.37656 7.30943L10.4094 8.39718ZM10.0206 16.75H14.0206V15.25H10.0206V16.75ZM14.0206 16.75C15.8155 16.75 17.2706 18.2051 17.2706 20H18.7706C18.7706 17.3766 16.6439 15.25 14.0206 15.25V16.75ZM10.0206 15.25C7.39722 15.25 5.27057 17.3766 5.27057 20H6.77057C6.77057 18.2051 8.22564 16.75 10.0206 16.75V15.25Z"
+        fill={color}
+      />
+    </svg>
+  );
+};
+Passaport.displayName = "Passaport";
+const ForwardRef = forwardRef(Passaport);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Passaport };