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

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

package/src/components/web/Password.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 Password = (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 16"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <path
+        d="M11.0209 9.00041L9.02008 6.99957M11.0209 6.99957L9.02008 9.00041M15.4388 9.00039H13.4379M6.60307 9.00041L4.60223 6.99957M6.60307 6.99957L4.60223 9.00041M17.0234 15.0029H3.01756C2.48686 15.003 1.97785 14.7923 1.60259 14.417C1.22733 14.0418 1.01672 13.5328 1.01672 13.0021V2.9979C1.01672 2.46721 1.22733 1.9582 1.60259 1.58294C1.97785 1.20768 2.48686 0.996924 3.01756 0.99707H17.0234C17.5541 0.996924 18.0631 1.20768 18.4384 1.58294C18.8137 1.9582 19.0244 2.46721 19.0243 2.9979V13.0021C19.0244 13.5328 18.8137 14.0418 18.4384 14.417C18.0631 14.7923 17.5541 15.003 17.0234 15.0029Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+Password.displayName = "Password";
+const ForwardRef = forwardRef(Password);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Password };

package/src/components/web/Pause.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 Pause = (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.2846 5.28806V18.7121C10.2765 19.1973 10.076 19.6595 9.72721 19.9971C9.37843 20.3346 8.90992 20.5198 8.42463 20.5121H7.04663C6.80617 20.5162 6.56726 20.4729 6.34354 20.3846C6.11982 20.2964 5.91567 20.1649 5.74276 19.9978C5.56985 19.8306 5.43157 19.631 5.3358 19.4104C5.24004 19.1898 5.18867 18.9525 5.18463 18.7121V5.28806C5.18867 5.0476 5.24004 4.81029 5.3358 4.58968C5.43157 4.36908 5.56985 4.1695 5.74276 4.00235C5.91567 3.8352 6.11982 3.70375 6.34354 3.6155C6.56726 3.52726 6.80617 3.48395 7.04663 3.48806H8.42463C8.90992 3.4803 9.37843 3.66554 9.72721 4.00306C10.076 4.34059 10.2765 4.80278 10.2846 5.28806Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M18.8566 5.28806V18.7121C18.8485 19.1973 18.648 19.6595 18.2992 19.9971C17.9504 20.3346 17.4819 20.5198 16.9966 20.5121H15.6186C15.3782 20.5162 15.1393 20.4729 14.9155 20.3846C14.6918 20.2964 14.4877 20.1649 14.3148 19.9978C14.1419 19.8306 14.0036 19.631 13.9078 19.4104C13.812 19.1898 13.7607 18.9525 13.7566 18.7121V5.28806C13.7607 5.0476 13.812 4.81029 13.9078 4.58968C14.0036 4.36908 14.1419 4.1695 14.3148 4.00235C14.4877 3.8352 14.6918 3.70375 14.9155 3.6155C15.1393 3.52726 15.3782 3.48395 15.6186 3.48806H16.9966C17.4819 3.4803 17.9504 3.66554 18.2992 4.00306C18.648 4.34059 18.8485 4.80278 18.8566 5.28806Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+Pause.displayName = "Pause";
+const ForwardRef = forwardRef(Pause);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Pause };

package/src/components/web/Pdf.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 Pdf = (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="M1.02063 19V14.5H3.02063C3.84906 14.5 4.52063 15.1716 4.52063 16C4.52063 16.8284 3.84906 17.5 3.02063 17.5H1.02063M15.5206 17.15L13.0206 17.1501M16.0206 14.5H13.0206V19M17.0206 11V6.41421C17.0206 6.149 16.9153 5.89465 16.7277 5.70711L12.3135 1.29289C12.126 1.10536 11.8716 1 11.6064 1H3.02063C1.91606 1 1.02063 1.89543 1.02063 3V11M17.0206 7H13.0206C11.9161 7 11.0206 6.10457 11.0206 5V1M7.02063 14.5H8.52063C9.6252 14.5 10.5206 15.3954 10.5206 16.5V17C10.5206 18.1046 9.6252 19 8.52063 19H7.02063V14.5Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+Pdf.displayName = "Pdf";
+const ForwardRef = forwardRef(Pdf);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Pdf };