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

package/src/components/web/EmergencyCare.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 EmergencyCare = (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="M11.0205 1.94474V1M18.0205 5L18.9653 4.05526M4.02055 5L3.07581 4.05526M19.9955 11H20.9403M1.07581 11H2.02055M9.02055 11H13.0205M11.0205 13V9M16.5206 16V10.5C16.5206 7.46243 14.0581 5 11.0206 5C7.98299 5 5.52056 7.46243 5.52056 10.5V16M5.02056 16H17.0206C18.1251 16 19.0206 16.8954 19.0206 18V18.5C19.0206 19.3284 18.349 20 17.5206 20H4.52056C3.69213 20 3.02056 19.3284 3.02056 18.5V18C3.02056 16.8954 3.91599 16 5.02056 16Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+EmergencyCare.displayName = "EmergencyCare";
+const ForwardRef = forwardRef(EmergencyCare);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as EmergencyCare };

package/src/components/web/Equal.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 Equal = (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="M19.0917 8.00098H12.0206H4.94956M19.0917 15.9989H4.94956"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+Equal.displayName = "Equal";
+const ForwardRef = forwardRef(Equal);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Equal };

package/src/components/web/Excel.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 Excel = (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="M4.02188 4.99776V2.99693C4.02188 1.8919 4.91768 0.996094 6.02271 0.996094H16.0269C17.1319 0.996094 18.0277 1.8919 18.0277 2.99693V17.0028C18.0277 18.1078 17.1319 19.0036 16.0269 19.0036H6.02271C4.91768 19.0036 4.02188 18.1078 4.02188 17.0028V15.0019M11.0248 13.0019V6.99776C11.0248 5.89319 10.1294 4.99776 9.0248 4.99776H3.02063C1.91606 4.99776 1.02063 5.89319 1.02063 6.99776V13.0019C1.02063 14.1065 1.91606 15.0019 3.02063 15.0019H9.0248C10.1294 15.0019 11.0248 14.1065 11.0248 13.0019ZM11.0248 13.0019L18.0277 13.0011M18.0277 7.07863H11.0248M11.0248 0.996094V19.0036M7.59037 11.7506L4.58912 8.24911M4.58912 11.7506L7.59037 8.24911"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+Excel.displayName = "Excel";
+const ForwardRef = forwardRef(Excel);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Excel };

package/src/components/web/Exit.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 Exit = (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="M14.0206 12H6.02063M6.02063 12L9.02063 9M6.02063 12L9.02063 15M7.02063 18V19C7.02063 19.5304 7.23137 20.0392 7.60645 20.4142C7.98152 20.7893 8.4902 21 9.02063 21H16.0206C16.5511 21 17.0599 20.7893 17.4349 20.4142C17.81 20.0392 18.0206 19.5304 18.0206 19V5C18.0206 4.46957 17.81 3.96089 17.4349 3.58582C17.0599 3.21074 16.5511 3 16.0206 3H9.02063C8.4902 3 7.98152 3.21074 7.60645 3.58582C7.23137 3.96089 7.02063 4.46957 7.02063 5V6"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+Exit.displayName = "Exit";
+const ForwardRef = forwardRef(Exit);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Exit };

package/src/components/web/Eye.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 Eye = (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="M3.13806 12.468C3.06077 12.3243 3.02032 12.1637 3.02032 12.0005C3.02032 11.8373 3.06077 11.6767 3.13806 11.533C5.03106 8.03302 8.52605 5 12.0201 5C15.5141 5 19.01 8.03302 20.903 11.533C20.9803 11.6767 21.0208 11.8373 21.0208 12.0005C21.0208 12.1637 20.9803 12.3243 20.903 12.468C19.01 15.968 15.515 19 12.0201 19C8.52505 19 5.03106 15.968 3.13806 12.468Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M12.0201 14.999C13.6769 14.999 15.0201 13.6559 15.0201 11.999C15.0201 10.3422 13.6769 8.99902 12.0201 8.99902C10.3632 8.99902 9.02005 10.3422 9.02005 11.999C9.02005 13.6559 10.3632 14.999 12.0201 14.999Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+Eye.displayName = "Eye";
+const ForwardRef = forwardRef(Eye);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Eye };

package/src/components/web/EyeOff.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 EyeOff = (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="M9.52145 18.505C10.3171 18.8227 11.1647 18.9906 12.0215 19C15.5165 19 19.0114 15.969 20.9044 12.469M19.1015 8.92096C19.7913 9.72619 20.3946 10.6017 20.9015 11.533C20.9787 11.6767 21.0192 11.8373 21.0192 12.0005C21.0192 12.1637 20.9787 12.3243 20.9015 12.468M5.02145 19L19.0215 5M9.79446 14.228C9.20369 13.6372 8.8718 12.836 8.8718 12.0005C8.8718 11.165 9.20369 10.3638 9.79446 9.77301C10.3852 9.18224 11.1865 8.85034 12.022 8.85034C12.8574 8.85034 13.6587 9.18224 14.2495 9.77301M17.0665 6.95599C15.6456 5.76695 13.8725 5.07948 12.0215 5C8.52745 5 5.03247 8.03296 3.13947 11.533C3.06218 11.6767 3.02173 11.8373 3.02173 12.0005C3.02173 12.1637 3.06218 12.3243 3.13947 12.468C4.09288 14.2394 5.39904 15.7968 6.97745 17.044"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+EyeOff.displayName = "EyeOff";
+const ForwardRef = forwardRef(EyeOff);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as EyeOff };

package/src/components/web/Family.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 Family = (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="M21.0207 19.598V14.584C21.0188 13.9829 20.7783 13.4072 20.3521 12.9834C19.9258 12.5596 19.3487 12.3224 18.7477 12.324H18.0197M1.02063 19.598V14.584C1.02248 13.9829 1.26297 13.4072 1.68921 12.9834C2.11545 12.5596 2.69256 12.3224 3.29363 12.324H4.02163M15.8707 21V13.2C15.868 12.3586 15.5313 11.5526 14.9347 10.9593C14.338 10.366 13.5301 10.0339 12.6887 10.036H9.34865C8.50703 10.035 7.69944 10.3682 7.10348 10.9625C6.50752 11.5568 6.17198 12.3634 6.17065 13.205V21.005M19.5136 7.83101C19.5136 8.82954 18.7077 9.63901 17.7136 9.63901C16.7195 9.63901 15.9136 8.82954 15.9136 7.83101C15.9136 6.83248 16.7195 6.02301 17.7136 6.02301C18.7077 6.02301 19.5136 6.83248 19.5136 7.83101ZM14.0206 4.014C14.0206 5.67859 12.6775 7.028 11.0206 7.028C9.36378 7.028 8.02063 5.67859 8.02063 4.014C8.02063 2.34941 9.36378 1 11.0206 1C12.6775 1 14.0206 2.34941 14.0206 4.014ZM6.12869 7.83101C6.12869 8.82954 5.3228 9.63901 4.32869 9.63901C3.33457 9.63901 2.52869 8.82954 2.52869 7.83101C2.52869 6.83248 3.33457 6.02301 4.32869 6.02301C5.3228 6.02301 6.12869 6.83248 6.12869 7.83101Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+Family.displayName = "Family";
+const ForwardRef = forwardRef(Family);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Family };

package/src/components/web/File.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 File = (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="M19.0206 8H15.0206C14.7554 8 14.501 7.89457 14.3135 7.70703C14.1259 7.51949 14.0206 7.26522 14.0206 7V3M5.02063 8V5C5.02063 4.46957 5.23125 3.96101 5.60632 3.58594C5.9814 3.21086 6.4902 3 7.02063 3H14.1926C14.7225 3.00011 15.2307 3.21047 15.6056 3.58496L18.4355 6.41406C18.8103 6.78921 19.0208 7.29788 19.0206 7.82812V16M8.02063 16.999H11.0206M20.0206 17.4731V20C20.0206 20.2652 19.9152 20.5195 19.7277 20.707C19.5401 20.8946 19.2858 21 19.0206 21H6.02063C5.4902 21 4.9814 20.7896 4.60632 20.4146C4.23125 20.0395 4.02063 19.5304 4.02063 19V10C4.02063 9.46957 4.23125 8.96101 4.60632 8.58594C4.9814 8.21086 5.4902 8 6.02063 8H8.30664C8.76849 7.99985 9.21613 8.15971 9.57361 8.45215L19.6536 16.7002C19.7681 16.7939 19.8605 16.9117 19.924 17.0454C19.9874 17.1791 20.0205 17.3252 20.0206 17.4731Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+File.displayName = "File";
+const ForwardRef = forwardRef(File);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as File };

package/src/components/web/FillAddCircle.tsx

@@ -0,0 +1,56 @@
+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 FillAddCircle = (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 22.375C17.73 22.375 22.375 17.73 22.375 12C22.375 6.27005 17.73 1.625 12 1.625C6.27005 1.625 1.625 6.27005 1.625 12C1.625 17.73 6.27005 22.375 12 22.375Z"
+        fill={color}
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M11.9931 7.67383L11.9931 16.3005L11.9931 7.67383Z"
+        fill={color}
+      />
+      <path
+        d="M16.3079 11.9886L7.68115 11.9886L16.3079 11.9886Z"
+        fill={color}
+      />
+      <path
+        d="M11.9931 7.67383L11.9931 16.3005M16.3079 11.9886L7.68115 11.9886"
+        stroke="#FAFCFC"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+FillAddCircle.displayName = "FillAddCircle";
+const ForwardRef = forwardRef(FillAddCircle);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as FillAddCircle };

package/src/components/web/FillAffiliate.tsx

@@ -0,0 +1,48 @@
+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 FillAffiliate = (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="M11.75 13.61C9.82 13.61 8.25 12.09 8.25 10.21V8.33003C8.25 7.94003 8.53 7.60003 8.93 7.51003L13.23 6.64003C14.27 6.43003 15.25 7.20003 15.25 8.24003V10.21C15.25 12.09 13.68 13.61 11.75 13.61Z"
+        fill={color}
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M21 20.18V18.67C21 17.29 20.02 16.09 18.65 15.82L15.44 15.13L12 18.92M12 18.92L8.56 15.13L5.35 15.82C3.99 16.09 3 17.28 3 18.67V20.18M12 18.92V21M5.57999 12.04V9.14C5.57999 5.75 8.33999 3 11.75 3C15.16 3 17.92 5.75 17.92 9.14V12.04M17.61 20.43H15.47"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+FillAffiliate.displayName = "FillAffiliate";
+const ForwardRef = forwardRef(FillAffiliate);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as FillAffiliate };

package/src/components/web/FillAssistent.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 FillAssistent = (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
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M2 6.85136C2 4.72416 3.72183 3 5.84615 3H18.1538C20.2782 3 22 4.72416 22 6.85136V15.0676C22 17.1948 20.2782 18.919 18.1538 18.919H15.2688L13.5385 21.2298C12.7692 22.2568 11.2307 22.2567 10.4615 21.2297L8.73122 18.919H5.84615C3.72183 18.919 2 17.1948 2 15.0676V6.85136ZM12.7684 7.87834C12.7684 7.45293 12.424 7.10807 11.9992 7.10807C11.5744 7.10807 11.23 7.45293 11.23 7.87834V14.0405C11.23 14.4659 11.5744 14.8108 11.9992 14.8108C12.424 14.8108 12.7684 14.4659 12.7684 14.0405V7.87834ZM14.84 8.64869C15.2649 8.64869 15.6093 8.99356 15.6093 9.41897V12.5001C15.6093 12.9255 15.2649 13.2703 14.84 13.2703C14.4152 13.2703 14.0708 12.9255 14.0708 12.5001V9.41897C14.0708 8.99356 14.4152 8.64869 14.84 8.64869ZM18.4501 10.1892C18.4501 9.76375 18.1057 9.41888 17.6809 9.41888C17.256 9.41888 16.9116 9.76375 16.9116 10.1892V11.7303C16.9116 12.1558 17.256 12.5006 17.6809 12.5006C18.1057 12.5006 18.4501 12.1558 18.4501 11.7303V10.1892ZM9.15937 8.64869C9.5842 8.64869 9.9286 8.99356 9.9286 9.41897V12.5001C9.9286 12.9255 9.5842 13.2703 9.15937 13.2703C8.73453 13.2703 8.39014 12.9255 8.39014 12.5001V9.41897C8.39014 8.99356 8.73453 8.64869 9.15937 8.64869ZM7.08924 10.1892C7.08924 9.76375 6.74485 9.41888 6.32001 9.41888C5.89518 9.41888 5.55078 9.76375 5.55078 10.1892V11.7303C5.55078 12.1558 5.89518 12.5006 6.32001 12.5006C6.74485 12.5006 7.08924 12.1558 7.08924 11.7303V10.1892Z"
+        fill={color}
+      />
+    </svg>
+  );
+};
+FillAssistent.displayName = "FillAssistent";
+const ForwardRef = forwardRef(FillAssistent);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as FillAssistent };

package/src/components/web/FillBars.tsx

@@ -0,0 +1,55 @@
+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 FillBars = (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="M3 5.48531V7.90899C3 9.28159 4.08347 10.3943 5.42 10.3943H18.58C19.9165 10.3943 21 9.28159 21 7.90899V5.48531C21 4.11271 19.9165 3 18.58 3H5.42C4.08347 3 3 4.11271 3 5.48531Z"
+        fill={color}
+      />
+      <path
+        d="M3 16.091V18.5147C3 19.8873 4.08347 21 5.42 21H18.58C19.9165 21 21 19.8873 21 18.5147V16.091C21 14.7184 19.9165 13.6057 18.58 13.6057H5.42C4.08347 13.6057 3 14.7184 3 16.091Z"
+        fill={color}
+      />
+      <path
+        d="M3 5.48531V7.90899C3 9.28159 4.08347 10.3943 5.42 10.3943H18.58C19.9165 10.3943 21 9.28159 21 7.90899V5.48531C21 4.11271 19.9165 3 18.58 3H5.42C4.08347 3 3 4.11271 3 5.48531Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M3 16.091V18.5147C3 19.8873 4.08347 21 5.42 21H18.58C19.9165 21 21 19.8873 21 18.5147V16.091C21 14.7184 19.9165 13.6057 18.58 13.6057H5.42C4.08347 13.6057 3 14.7184 3 16.091Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+FillBars.displayName = "FillBars";
+const ForwardRef = forwardRef(FillBars);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as FillBars };

package/src/components/web/FillBell.tsx

@@ -0,0 +1,48 @@
+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 FillBell = (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="M18.9149 18.0819H5.64694C5.40066 18.0822 5.16001 18.0083 4.95635 17.8698C4.75269 17.7313 4.59545 17.5347 4.50512 17.3056C4.41479 17.0765 4.39556 16.8255 4.44993 16.5853C4.5043 16.3451 4.62975 16.1268 4.80994 15.959L5.30294 15.4999C5.52984 15.2881 5.71075 15.0319 5.83444 14.7472C5.95813 14.4625 6.02196 14.1554 6.02194 13.8449V9.24495C6.02194 7.58522 6.68126 5.99347 7.85487 4.81987C9.02847 3.64627 10.6202 2.98694 12.2799 2.98694C13.9397 2.98694 15.5314 3.64627 16.705 4.81987C17.8786 5.99347 18.5379 7.58522 18.5379 9.24495V13.8449C18.5379 14.1554 18.6017 14.4625 18.7253 14.7472C18.849 15.0319 19.03 15.2881 19.2569 15.4999L19.7499 15.959C19.93 16.1267 20.0554 16.3448 20.1098 16.5848C20.1643 16.8248 20.1452 17.0757 20.0551 17.3047C19.965 17.5337 19.8081 17.7303 19.6048 17.869C19.4014 18.0076 19.161 18.0818 18.9149 18.0819Z"
+        fill={color}
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M9.21191 18.1113C9.21191 18.9362 9.53958 19.7272 10.1228 20.3104C10.7061 20.8937 11.4971 21.2213 12.3219 21.2213C13.1467 21.2213 13.9378 20.8937 14.521 20.3104C15.1043 19.7272 15.4319 18.9362 15.4319 18.1113"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+FillBell.displayName = "FillBell";
+const ForwardRef = forwardRef(FillBell);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as FillBell };

package/src/components/web/FillBuilding.tsx

@@ -0,0 +1,49 @@
+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 FillBuilding = (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="M3 5C3 4.44772 3.44772 4 4 4H16C16.5523 4 17 4.44772 17 5V21H14V16H6V21H3V5Z"
+        fill={color}
+      />
+      <path
+        d="M17 10V9.25C16.5858 9.25 16.25 9.58579 16.25 10H17ZM21 21V21.75C21.4142 21.75 21.75 21.4142 21.75 21H21ZM10.75 16C10.75 15.5858 10.4142 15.25 10 15.25C9.58579 15.25 9.25 15.5858 9.25 16H10.75ZM9.25 21C9.25 21.4142 9.58579 21.75 10 21.75C10.4142 21.75 10.75 21.4142 10.75 21H9.25ZM6 16V15.25C5.58579 15.25 5.25 15.5858 5.25 16H6ZM14 16H14.75C14.75 15.5858 14.4142 15.25 14 15.25V16ZM3 21H2.25V21.75H3V21ZM21.751 20.25H1.75098V21.75H21.751V20.25ZM20 9.25H17V10.75H20V9.25ZM16.25 10V21H17.75V10H16.25ZM17 21.75H21V20.25H17V21.75ZM21.75 21V11H20.25V21H21.75ZM20 10.75C20.1381 10.75 20.25 10.8619 20.25 11H21.75C21.75 10.0335 20.9665 9.25 20 9.25V10.75ZM9.25 16V21H10.75V16H9.25ZM6 16.75H14V15.25H6V16.75ZM13.25 16V21H14.75V16H13.25ZM14 20.25H6V21.75H14V20.25ZM6.75 21V16H5.25V21H6.75ZM4 4.75H16V3.25H4V4.75ZM16.25 5V21H17.75V5H16.25ZM3.75 21V5H2.25V21H3.75ZM6 20.25H3V21.75H6V20.25ZM17 20.25H14V21.75H17V20.25ZM16 4.75C16.1381 4.75 16.25 4.86193 16.25 5H17.75C17.75 4.0335 16.9665 3.25 16 3.25V4.75ZM4 3.25C3.0335 3.25 2.25 4.0335 2.25 5H3.75C3.75 4.86193 3.86193 4.75 4 4.75V3.25Z"
+        fill={color}
+      />
+      <path
+        d="M7 12H13M7 8H13"
+        stroke="#FAFCFC"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+FillBuilding.displayName = "FillBuilding";
+const ForwardRef = forwardRef(FillBuilding);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as FillBuilding };