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

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

package/src/components/web/People.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 People = (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="M2.02063 19C2.02063 17.9391 2.44205 16.922 3.1922 16.1719C3.94235 15.4217 4.95976 15 6.02063 15H10.0206C11.0815 15 12.0989 15.4217 12.8491 16.1719C13.5992 16.922 14.0206 17.9391 14.0206 19M16.0206 14H19.0206C19.8163 14 20.5794 14.3163 21.142 14.8789C21.7046 15.4415 22.0206 16.2044 22.0206 17M11.5197 8.5C11.5197 10.433 9.95265 12 8.01965 12C6.08666 12 4.51965 10.433 4.51965 8.5C4.51965 6.567 6.08666 5 8.01965 5C9.95265 5 11.5197 6.567 11.5197 8.5ZM20.0197 8.5C20.0197 9.88071 18.9004 11 17.5197 11C16.1389 11 15.0197 9.88071 15.0197 8.5C15.0197 7.11929 16.1389 6 17.5197 6C18.9004 6 20.0197 7.11929 20.0197 8.5Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+People.displayName = "People";
+const ForwardRef = forwardRef(People);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as People };

package/src/components/web/PeopleCredential.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 PeopleCredential = (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="M1.02057 17V15C1.02057 12.79 2.81057 11 5.02057 11H9.02057C11.2306 11 13.0206 12.79 13.0206 15V17M21.0206 15.31V13C21.0206 11.34 19.6806 10 18.0206 10H13.0906M8.62057 14.4H10.3006M10.5206 4.5C10.5206 6.433 8.95357 8 7.02057 8C5.08757 8 3.52057 6.433 3.52057 4.5C3.52057 2.567 5.08757 1 7.02057 1C8.95357 1 10.5206 2.567 10.5206 4.5ZM19.0206 4.5C19.0206 5.88071 17.9013 7 16.5206 7C15.1399 7 14.0206 5.88071 14.0206 4.5C14.0206 3.11929 15.1399 2 16.5206 2C17.9013 2 19.0206 3.11929 19.0206 4.5Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+PeopleCredential.displayName = "PeopleCredential";
+const ForwardRef = forwardRef(PeopleCredential);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as PeopleCredential };

package/src/components/web/Person.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 Person = (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="M5.02051 20C5.02051 19.416 5.13553 18.8379 5.35901 18.2983C5.58249 17.7588 5.91006 17.2684 6.323 16.8555C6.73594 16.4425 7.22609 16.1151 7.76562 15.8916C8.30516 15.6681 8.88342 15.5532 9.46741 15.5532H14.5735C15.1575 15.5532 15.7357 15.6681 16.2753 15.8916C16.8148 16.1151 17.3051 16.4425 17.718 16.8555C18.131 17.2684 18.4585 17.7588 18.682 18.2983C18.9055 18.8379 19.0205 19.416 19.0205 20M16.2705 8.25C16.2705 10.5972 14.3677 12.5 12.0205 12.5C9.6733 12.5 7.77051 10.5972 7.77051 8.25C7.77051 5.90279 9.6733 4 12.0205 4C14.3677 4 16.2705 5.90279 16.2705 8.25Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+Person.displayName = "Person";
+const ForwardRef = forwardRef(Person);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Person };

package/src/components/web/PersonAdd.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 PersonAdd = (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="M4.02112 19.75C4.02112 18.5565 4.4952 17.4123 5.33911 16.5684C6.18303 15.7244 7.32764 15.25 8.52112 15.25H11.1051M17.5201 20.25V15.25M15.0201 17.75H20.0201M16.2701 8C16.2701 10.3472 14.3674 12.25 12.0201 12.25C9.67293 12.25 7.77014 10.3472 7.77014 8C7.77014 5.65279 9.67293 3.75 12.0201 3.75C14.3674 3.75 16.2701 5.65279 16.2701 8Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+PersonAdd.displayName = "PersonAdd";
+const ForwardRef = forwardRef(PersonAdd);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as PersonAdd };

package/src/components/web/PersonArrowLeft.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 PersonArrowLeft = (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="M7.52063 20C7.52063 19.416 7.63565 18.8379 7.85913 18.2983C8.08261 17.7588 8.41018 17.2684 8.82312 16.8555C9.23606 16.4425 9.72621 16.1151 10.2657 15.8916C10.8053 15.6681 11.3835 15.5532 11.9675 15.5532H17.0736C17.6576 15.5532 18.2359 15.6681 18.7754 15.8916C19.3149 16.1151 19.8052 16.4425 20.2181 16.8555C20.6311 17.2684 20.9586 17.7588 21.1821 18.2983C21.4056 18.8379 21.5206 19.416 21.5206 20M7.52063 12H2.52063M2.52063 12L4.52063 10M2.52063 12L4.52063 14M18.7706 8.25C18.7706 10.5972 16.8678 12.5 14.5206 12.5C12.1734 12.5 10.2706 10.5972 10.2706 8.25C10.2706 5.90279 12.1734 4 14.5206 4C16.8678 4 18.7706 5.90279 18.7706 8.25Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+PersonArrowLeft.displayName = "PersonArrowLeft";
+const ForwardRef = forwardRef(PersonArrowLeft);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as PersonArrowLeft };

package/src/components/web/PersonArrowRight.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 PersonArrowRight = (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="M7.52063 19.9058C7.52063 18.7263 7.98915 17.5952 8.82312 16.7612C9.65709 15.9273 10.7882 15.459 11.9677 15.459H17.0736C18.253 15.459 19.3842 15.9273 20.2181 16.7612C21.0521 17.5952 21.5206 18.7263 21.5206 19.9058M2.52063 11.9058H7.52063M7.52063 11.9058L5.52063 13.9058M7.52063 11.9058L5.52063 9.90576M18.7207 8.29375C18.7207 10.6133 16.8403 12.4937 14.5207 12.4937C12.2011 12.4937 10.3207 10.6133 10.3207 8.29375C10.3207 5.97415 12.2011 4.09375 14.5207 4.09375C16.8403 4.09375 18.7207 5.97415 18.7207 8.29375Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+PersonArrowRight.displayName = "PersonArrowRight";
+const ForwardRef = forwardRef(PersonArrowRight);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as PersonArrowRight };

package/src/components/web/PersonBlazon.tsx

@@ -0,0 +1,53 @@
+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 PersonBlazon = (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="M20.0206 11.1998C19.9206 15.6998 16.9206 19.5998 12.5206 20.8998C12.2206 20.9998 11.8206 20.9998 11.5206 20.8998C7.22057 19.6998 4.12057 15.6998 4.02057 11.1998V7.1998C4.02057 6.3998 4.52057 5.6998 5.22057 5.2998L10.1206 3.2998C11.3206 2.7998 12.7206 2.7998 13.9206 3.2998L18.8206 5.2998C19.6206 5.5998 20.0206 6.2998 20.0206 7.1998V11.1998Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M12.0206 6.99982C13.2206 6.99982 14.2206 7.99982 14.2206 9.19982C14.2206 10.3998 13.2206 11.3998 12.0206 11.3998C10.8206 11.3998 9.82057 10.3998 9.82057 9.19982C9.82057 7.99982 10.8206 6.99982 12.0206 6.99982Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M16.0206 14.9998C15.9206 14.6998 15.7206 14.3998 15.5206 14.1998C15.1206 13.7998 14.6206 13.5998 14.1206 13.5998H10.0206C9.52057 13.5998 9.02057 13.7998 8.62057 14.1998C8.32057 14.3998 8.12057 14.6998 8.02057 14.9998L6.62057 17.8998C7.92057 19.2998 9.52057 20.3998 11.4206 20.8998C11.7206 20.9998 12.1206 20.9998 12.4206 20.8998C14.3206 20.3998 15.9206 19.2998 17.2206 17.8998L16.0206 14.9998Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+PersonBlazon.displayName = "PersonBlazon";
+const ForwardRef = forwardRef(PersonBlazon);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as PersonBlazon };

package/src/components/web/PersonBlock.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 PersonBlock = (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="M3.52051 19.5C3.52051 18.3065 3.99471 17.1623 4.83862 16.3184C5.68254 15.4744 6.82703 15 8.02051 15H10.6035M15.3992 19.6216C15.8188 20.0411 16.3534 20.3266 16.9353 20.4424C17.5173 20.5581 18.1203 20.499 18.6685 20.272C19.2167 20.0449 19.6853 19.6603 20.0149 19.167C20.3446 18.6736 20.5206 18.0933 20.5206 17.5C20.5206 16.7044 20.2045 15.9415 19.6419 15.3789C19.0793 14.8163 18.3162 14.5 17.5206 14.5C16.9272 14.5 16.3472 14.6762 15.8538 15.0059C15.3605 15.3355 14.9759 15.8039 14.7488 16.3521C14.5218 16.9002 14.4624 17.5035 14.5782 18.0854C14.6939 18.6674 14.9797 19.202 15.3992 19.6216ZM15.3992 19.6216L19.6404 15.3794M15.7705 7.75C15.7705 10.0972 13.8677 12 11.5205 12C9.1733 12 7.27051 10.0972 7.27051 7.75C7.27051 5.40279 9.1733 3.5 11.5205 3.5C13.8677 3.5 15.7705 5.40279 15.7705 7.75Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+PersonBlock.displayName = "PersonBlock";
+const ForwardRef = forwardRef(PersonBlock);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as PersonBlock };

package/src/components/web/PersonChange.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 PersonChange = (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.59863 2.22852L8.22766 3.85645L6.59863 5.48535M8.22661 3.85652H6.05461C5.19071 3.85678 4.36229 4.20014 3.75151 4.81111C3.14073 5.42207 2.79765 6.25043 2.79765 7.11433M17.3457 21.7714L15.7167 20.1434L17.3457 18.5155M15.7987 20.1434H17.9706C18.8345 20.1434 19.6628 19.8001 20.2736 19.1893C20.8844 18.5784 21.2276 17.7503 21.2276 16.8865M21.2436 13.8036C21.2436 13.032 20.9372 12.2917 20.3916 11.746C19.8461 11.2003 19.1062 10.8937 18.3346 10.8935H15.2776C14.506 10.8937 13.7661 11.2003 13.2206 11.746C12.6751 12.2917 12.3686 13.032 12.3686 13.8036M11.6726 19.9446C11.6726 19.173 11.3662 18.4327 10.8206 17.887C10.2751 17.3413 9.53524 17.0347 8.76363 17.0345H5.70663C4.93502 17.0347 4.19513 17.3413 3.64962 17.887C3.10411 18.4327 2.79763 19.173 2.79763 19.9446M19.3946 6.08828C19.3946 7.51759 18.2359 8.67628 16.8066 8.67628C15.3773 8.67628 14.2186 7.51759 14.2186 6.08828C14.2186 4.65896 15.3773 3.50028 16.8066 3.50028C18.2359 3.50028 19.3946 4.65896 19.3946 6.08828ZM9.82363 12.2293C9.82363 13.6586 8.66495 14.8173 7.23563 14.8173C5.80632 14.8173 4.64763 13.6586 4.64763 12.2293C4.64763 10.8 5.80632 9.64128 7.23563 9.64128C8.66495 9.64128 9.82363 10.8 9.82363 12.2293Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+PersonChange.displayName = "PersonChange";
+const ForwardRef = forwardRef(PersonChange);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as PersonChange };

package/src/components/web/PersonCircle.tsx

@@ -0,0 +1,53 @@
+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 PersonCircle = (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.0216 21.999C17.5444 21.999 22.0216 17.5219 22.0216 11.999C22.0216 6.47618 17.5444 1.99902 12.0216 1.99902C6.49873 1.99902 2.02158 6.47618 2.02158 11.999C2.02158 17.5219 6.49873 21.999 12.0216 21.999Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M12.0215 13.5788C14.1694 13.5788 15.9105 11.8376 15.9105 9.68978C15.9105 7.54195 14.1694 5.80078 12.0215 5.80078C9.8737 5.80078 8.13254 7.54195 8.13254 9.68978C8.13254 11.8376 9.8737 13.5788 12.0215 13.5788Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M14.8066 16.4434H9.23654C8.71679 16.4548 8.20605 16.5815 7.74081 16.8135C7.27558 17.0455 6.86745 17.3778 6.54562 17.7861C6.14245 18.3661 5.82987 19.0037 5.61862 19.6777C7.41508 21.1782 9.68138 22 12.0221 22C14.3627 22 16.629 21.1782 18.4255 19.6777C18.1843 18.8743 17.7792 18.1301 17.2356 17.4912C16.5966 16.8341 15.723 16.4567 14.8066 16.4434Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+PersonCircle.displayName = "PersonCircle";
+const ForwardRef = forwardRef(PersonCircle);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as PersonCircle };

package/src/components/web/PersonDoc.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 PersonDoc = (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="M15.0196 9.5H19.0196M17.4196 13.5H15.0196M12.1146 16.5C11.9399 16.0617 11.6697 15.6685 11.3236 15.3477C10.737 14.8031 9.96607 14.4998 9.16562 14.5H7.87463C7.07418 14.4998 6.30329 14.8031 5.71664 15.3477C5.37057 15.6684 5.10034 16.0617 4.92563 16.5M10.7696 9.75C10.7696 10.9926 9.76226 12 8.51962 12C7.27698 12 6.26962 10.9926 6.26962 9.75C6.26962 8.50736 7.27698 7.5 8.51962 7.5C9.76226 7.5 10.7696 8.50736 10.7696 9.75ZM22.0206 5.5V18.5C22.0206 19.0304 21.8099 19.5391 21.4348 19.9142C21.0598 20.2893 20.5511 20.5 20.0206 20.5H4.02063C3.4902 20.5 2.98149 20.2893 2.60642 19.9142C2.23134 19.5391 2.02063 19.0304 2.02063 18.5V5.541C2.02063 4.99969 2.23566 4.48056 2.61843 4.0978C3.00119 3.71503 3.52032 3.5 4.06163 3.5H20.0206C20.5511 3.5 21.0598 3.71071 21.4348 4.08579C21.8099 4.46086 22.0206 4.96957 22.0206 5.5Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+PersonDoc.displayName = "PersonDoc";
+const ForwardRef = forwardRef(PersonDoc);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as PersonDoc };

package/src/components/web/PersonFrame.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 PersonFrame = (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.0216 15.4346C17.8913 15.1054 17.6887 14.8095 17.4286 14.5693C16.9902 14.1613 16.4135 13.9346 15.8146 13.9346H11.2306C10.6314 13.9346 10.0544 14.1613 9.61557 14.5693C9.35584 14.81 9.15294 15.1057 9.02158 15.4346M18.0216 18V19.333C18.0217 19.5519 17.9787 19.7685 17.8951 19.9707C17.8114 20.1729 17.6887 20.3569 17.534 20.5117C17.3793 20.6665 17.1955 20.7893 16.9933 20.873C16.7912 20.9568 16.5745 21 16.3556 21H4.68756C4.24545 21 3.82144 20.8243 3.50882 20.5117C3.1962 20.1991 3.02057 19.7751 3.02057 19.333V7.66699C3.02057 7.22488 3.1962 6.8009 3.50882 6.48828C3.82144 6.17566 4.24545 6 4.68756 6H6.02158M19.3546 18H7.68756C7.24545 18 6.82144 17.8243 6.50882 17.5117C6.1962 17.1991 6.02057 16.7751 6.02057 16.333V4.66699C6.02057 4.22488 6.1962 3.8009 6.50882 3.48828C6.82144 3.17566 7.24545 3 7.68756 3H19.3546C19.5735 3 19.7902 3.04317 19.9924 3.12695C20.1946 3.21074 20.3782 3.33347 20.533 3.48828C20.6877 3.64309 20.8104 3.82705 20.894 4.0293C20.9777 4.23154 21.0207 4.44813 21.0206 4.66699V16.333C21.0207 16.5519 20.9777 16.7685 20.894 16.9707C20.8104 17.1729 20.6877 17.3569 20.533 17.5117C20.3782 17.6665 20.1946 17.7893 19.9924 17.873C19.7902 17.9568 19.5735 18 19.3546 18ZM15.2886 7.16602C15.6383 7.51562 15.8765 7.96132 15.973 8.44629C16.0695 8.93126 16.02 9.43377 15.8308 9.89062C15.6416 10.3475 15.3212 10.738 14.9101 11.0127C14.499 11.2874 14.0156 11.4346 13.5211 11.4346C13.0266 11.4346 12.5432 11.2874 12.1321 11.0127C11.7209 10.738 11.4005 10.3475 11.2113 9.89062C11.0221 9.43377 10.9726 8.93126 11.0691 8.44629C11.1657 7.96132 11.4039 7.51562 11.7536 7.16602C12.2224 6.69734 12.8582 6.43457 13.5211 6.43457C14.184 6.43457 14.8197 6.69734 15.2886 7.16602Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+PersonFrame.displayName = "PersonFrame";
+const ForwardRef = forwardRef(PersonFrame);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as PersonFrame };