@kivid/icons 1.0.0-alpha.19 → 1.0.0-alpha.20

package/src/components/native/MenuAccreditedStroke.tsx

@@ -0,0 +1,49 @@
+import * as React from "react";
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef, memo } from "react";
+import { cssInterop } from "nativewind";
+interface Props extends SvgProps {
+  size?: number;
+  color?: string;
+}
+const MenuAccreditedStroke = (props: Props, ref: React.Ref<Svg>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = undefined,
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <Svg
+      viewBox="0 0 24 24"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <Path
+        d="M3 8V21M3 8H7.00001M3 8C2.44772 8 2.00001 7.55228 2.00001 7V6C2.00001 5.44772 2.44773 5 3.00001 5H7.00001M7.00001 8V5M7.00001 8C7.00001 9.10457 7.89543 10 9 10H15C16.1046 10 16.9995 9.10457 16.9995 8M7.00001 5C7.00001 3.89543 7.89543 3 9 3H15C16.1046 3 16.9995 3.89543 16.9995 5M16.9995 5H21C21.5523 5 22 5.44772 22 6V7C22 7.55228 21.5523 8 21 8M16.9995 5V8M21 8H16.9995M21 8L21 21M12 5.25V7.75M13.25 6.5H10.75M22 21H2M12 20.7103V14M16 21V15C16 14.4477 15.5523 14 15 14H9.00001C8.44773 14 8.00001 14.4477 8.00001 15V21"
+        stroke="currentColor"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+MenuAccreditedStroke.displayName = "MenuAccreditedStroke";
+const ForwardRef = forwardRef(MenuAccreditedStroke);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as MenuAccreditedStroke };

package/src/components/native/MenuAddCircleFill.tsx

@@ -0,0 +1,64 @@
+import * as React from "react";
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef, memo } from "react";
+import { cssInterop } from "nativewind";
+interface Props extends SvgProps {
+  size?: number;
+  color?: string;
+}
+const MenuAddCircleFill = (props: Props, ref: React.Ref<Svg>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = undefined,
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <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="currentColor"
+        stroke="currentColor"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <Path
+        d="M11.9931 7.67383L11.9931 16.3005L11.9931 7.67383Z"
+        fill="currentColor"
+      />
+      <Path
+        d="M16.3079 11.9886L7.68115 11.9886L16.3079 11.9886Z"
+        fill="currentColor"
+      />
+      <Path
+        d="M11.9931 7.67383L11.9931 16.3005M16.3079 11.9886L7.68115 11.9886"
+        stroke="#FAFCFC"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+MenuAddCircleFill.displayName = "MenuAddCircleFill";
+const ForwardRef = forwardRef(MenuAddCircleFill);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as MenuAddCircleFill };

package/src/components/native/MenuAddCircleStroke.tsx

@@ -0,0 +1,49 @@
+import * as React from "react";
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef, memo } from "react";
+import { cssInterop } from "nativewind";
+interface Props extends SvgProps {
+  size?: number;
+  color?: string;
+}
+const MenuAddCircleStroke = (props: Props, ref: React.Ref<Svg>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = undefined,
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <Svg
+      viewBox="0 0 24 24"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <Path
+        d="M11.9932 7.67397L11.9932 16.3007M16.3079 11.9887L7.68123 11.9887M22.375 12C22.375 17.73 17.73 22.375 12 22.375C6.27005 22.375 1.625 17.73 1.625 12C1.625 6.27005 6.27005 1.625 12 1.625C17.73 1.625 22.375 6.27005 22.375 12Z"
+        stroke="currentColor"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+MenuAddCircleStroke.displayName = "MenuAddCircleStroke";
+const ForwardRef = forwardRef(MenuAddCircleStroke);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as MenuAddCircleStroke };

package/src/components/native/MenuAffiliateFill.tsx

@@ -0,0 +1,67 @@
+import * as React from "react";
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef, memo } from "react";
+import { cssInterop } from "nativewind";
+interface Props extends SvgProps {
+  size?: number;
+  color?: string;
+}
+const MenuAffiliateFill = (props: Props, ref: React.Ref<Svg>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = undefined,
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <Svg
+      viewBox="0 0 24 24"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <Path
+        d="M14.101 13.405L15 16M15 16L18.4932 16.5822C19.9398 16.8233 21 18.0749 21 19.5414V21M15 16L12 19M9.90101 13.405L9.00001 16M9.00001 16L12 19M9.00001 16L5.5068 16.5822C4.06024 16.8233 3 18.0749 3 19.5414V21M12 19L12 21M19 16.7138V8.5C19 4.63401 15.866 1.5 12 1.5C8.13401 1.5 5 4.63401 5 8.5V16.714M15.5 20.75H17.5M8 8.00011H9.764C11.1344 8.00008 12.3871 7.22581 13 6.00011L13.1056 6.21115C13.6537 7.30748 14.7743 8 16 8V10C16 12.2091 14.2091 14 12 14C9.79086 14 8 12.2091 8 10V8.00011Z"
+        stroke="currentColor"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M8 8.00012H9.764C11.1344 8.00009 12.3871 7.22583 13 6.00012L13.1056 6.21116C13.6537 7.30749 14.7743 8.00001 16 8.00001"
+        fill="currentColor"
+      />
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M16 8.00001V10C16 12.2092 14.2091 14 12 14C9.79086 14 8 12.2092 8 10V8.00012"
+        fill="currentColor"
+      />
+      <Path
+        d="M8 8.00012H9.764C11.1344 8.00009 12.3871 7.22583 13 6.00012L13.1056 6.21116C13.6537 7.30749 14.7743 8.00001 16 8.00001V10C16 12.2092 14.2091 14 12 14C9.79086 14 8 12.2092 8 10V8.00012Z"
+        stroke="currentColor"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+MenuAffiliateFill.displayName = "MenuAffiliateFill";
+const ForwardRef = forwardRef(MenuAffiliateFill);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as MenuAffiliateFill };

package/src/components/native/MenuAffiliateStroke.tsx

@@ -0,0 +1,49 @@
+import * as React from "react";
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef, memo } from "react";
+import { cssInterop } from "nativewind";
+interface Props extends SvgProps {
+  size?: number;
+  color?: string;
+}
+const MenuAffiliateStroke = (props: Props, ref: React.Ref<Svg>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = undefined,
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <Svg
+      viewBox="0 0 24 24"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <Path
+        d="M14.101 13.405L15 16M15 16L18.4932 16.5822C19.9398 16.8233 21 18.0749 21 19.5414V21M15 16L12 19M9.90101 13.405L9.00001 16M9.00001 16L12 19M9.00001 16L5.5068 16.5822C4.06024 16.8233 3 18.0749 3 19.5414V21M12 19L12 21M19 16.7138V8.5C19 4.63401 15.866 1.5 12 1.5C8.13401 1.5 5 4.63401 5 8.5V16.714M15.5 20.75H17.5M8 8.00011H9.764C11.1344 8.00008 12.3871 7.22581 13 6.00011L13.1056 6.21115C13.6537 7.30748 14.7743 8 16 8V10C16 12.2091 14.2091 14 12 14C9.79086 14 8 12.2091 8 10V8.00011Z"
+        stroke="currentColor"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+MenuAffiliateStroke.displayName = "MenuAffiliateStroke";
+const ForwardRef = forwardRef(MenuAffiliateStroke);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as MenuAffiliateStroke };

package/src/components/native/MenuAssistenAiFill.tsx

@@ -0,0 +1,58 @@
+import * as React from "react";
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef, memo } from "react";
+import { cssInterop } from "nativewind";
+interface Props extends SvgProps {
+  size?: number;
+  color?: string;
+}
+const MenuAssistenAiFill = (props: Props, ref: React.Ref<Svg>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = undefined,
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <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="M14.6571 21H9.00305C5.68905 21 3.00305 18.314 3.00305 15V9C3.00305 5.686 5.68905 3 9.00305 3H14.6561C17.9701 3 20.6561 5.686 20.6561 9V15C20.6571 18.314 17.9701 21 14.6571 21Z"
+        fill="currentColor"
+        stroke="currentColor"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <Path
+        d="M18.83 12H19.76M4.83002 12H3.90002M11.83 19V19.9M11.83 4.99998V4.09998M7.8301 12C7.8301 12 9.3291 12 10.5801 13.25C11.8311 14.5 11.8301 16 11.8301 16C11.8301 16 11.8301 14.501 13.0801 13.25C14.3301 11.999 15.8301 12 15.8301 12C15.8301 12 14.3311 12 13.0801 10.75C11.8291 9.49998 11.8301 7.99998 11.8301 7.99998C11.8301 7.99998 11.8301 9.49898 10.5801 10.75C9.3301 12.001 7.8301 12 7.8301 12Z"
+        stroke="#FAFCFC"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+MenuAssistenAiFill.displayName = "MenuAssistenAiFill";
+const ForwardRef = forwardRef(MenuAssistenAiFill);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as MenuAssistenAiFill };

package/src/components/native/MenuAssistenAiStroke.tsx

@@ -0,0 +1,49 @@
+import * as React from "react";
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef, memo } from "react";
+import { cssInterop } from "nativewind";
+interface Props extends SvgProps {
+  size?: number;
+  color?: string;
+}
+const MenuAssistenAiStroke = (props: Props, ref: React.Ref<Svg>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = undefined,
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <Svg
+      viewBox="0 0 24 24"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <Path
+        d="M18.83 12H20.66M4.83 12H3M11.83 19V21M11.83 5V3M14.657 21H9.003C5.689 21 3.003 18.314 3.003 15V9C3.003 5.686 5.689 3 9.003 3H14.656C17.97 3 20.656 5.686 20.656 9V15C20.657 18.314 17.97 21 14.657 21ZM7.83 12C7.83 12 9.329 12 10.58 13.25C11.831 14.5 11.83 16 11.83 16C11.83 16 11.83 14.501 13.08 13.25C14.33 11.999 15.83 12 15.83 12C15.83 12 14.331 12 13.08 10.75C11.829 9.5 11.83 8 11.83 8C11.83 8 11.83 9.499 10.58 10.75C9.33 12.001 7.83 12 7.83 12Z"
+        stroke="currentColor"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+MenuAssistenAiStroke.displayName = "MenuAssistenAiStroke";
+const ForwardRef = forwardRef(MenuAssistenAiStroke);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as MenuAssistenAiStroke };

package/src/components/native/MenuBusinessFill.tsx

@@ -0,0 +1,57 @@
+import * as React from "react";
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef, memo } from "react";
+import { cssInterop } from "nativewind";
+interface Props extends SvgProps {
+  size?: number;
+  color?: string;
+}
+const MenuBusinessFill = (props: Props, ref: React.Ref<Svg>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = undefined,
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <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="currentColor"
+      />
+      <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 16H10H10.75ZM9.25 21C9.25 21.4142 9.58579 21.75 10 21.75C10.4142 21.75 10.75 21.4142 10.75 21H10H9.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 21V20.25H1.75098V21V21.75H21.751V21ZM20 10V9.25H17V10V10.75H20V10ZM17 10H16.25V21H17H17.75V10H17ZM17 21V21.75H21V21V20.25H17V21ZM21 21H21.75V11H21H20.25V21H21ZM20 10V10.75C20.1381 10.75 20.25 10.8619 20.25 11H21H21.75C21.75 10.0335 20.9665 9.25 20 9.25V10ZM10 16H9.25V21H10H10.75V16H10ZM6 16V16.75H14V16V15.25H6V16ZM14 16H13.25V21H14H14.75V16H14ZM14 21V20.25H6V21V21.75H14V21ZM6 21H6.75V16H6H5.25V21H6ZM4 4V4.75H16V4V3.25H4V4ZM17 5H16.25V21H17H17.75V5H17ZM3 21H3.75V5H3H2.25V21H3ZM6 21V20.25H3V21V21.75H6V21ZM17 21V20.25H14V21V21.75H17V21ZM16 4V4.75C16.1381 4.75 16.25 4.86193 16.25 5H17H17.75C17.75 4.0335 16.9665 3.25 16 3.25V4ZM4 4V3.25C3.0335 3.25 2.25 4.0335 2.25 5H3H3.75C3.75 4.86193 3.86193 4.75 4 4.75V4Z"
+        fill="currentColor"
+      />
+      <Path
+        d="M7 12H13M7 8H13"
+        stroke="#FAFCFC"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+MenuBusinessFill.displayName = "MenuBusinessFill";
+const ForwardRef = forwardRef(MenuBusinessFill);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as MenuBusinessFill };

package/src/components/native/MenuBusinessStroke.tsx

@@ -0,0 +1,49 @@
+import * as React from "react";
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef, memo } from "react";
+import { cssInterop } from "nativewind";
+interface Props extends SvgProps {
+  size?: number;
+  color?: string;
+}
+const MenuBusinessStroke = (props: Props, ref: React.Ref<Svg>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = undefined,
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <Svg
+      viewBox="0 0 24 24"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <Path
+        d="M21.751 21H1.75098M17 21V10H20C20.5523 10 21 10.4477 21 11V21H17ZM17 21V5C17 4.44772 16.5523 4 16 4H4C3.44772 4 3 4.44772 3 5V21H6M17 21H14M10 16V21M14 21V16H6V21M14 21H6M7 12H13M7 8H13"
+        stroke="currentColor"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+MenuBusinessStroke.displayName = "MenuBusinessStroke";
+const ForwardRef = forwardRef(MenuBusinessStroke);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as MenuBusinessStroke };

package/src/components/native/MenuCalendarFill.tsx

@@ -0,0 +1,56 @@
+import * as React from "react";
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef, memo } from "react";
+import { cssInterop } from "nativewind";
+interface Props extends SvgProps {
+  size?: number;
+  color?: string;
+}
+const MenuCalendarFill = (props: Props, ref: React.Ref<Svg>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = undefined,
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <Svg
+      viewBox="0 0 24 24"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <Path
+        d="M3 9.6969H21V17.7203C21 18.8553 20.5802 19.9439 19.8328 20.7465C19.0855 21.5491 18.0719 22 17.015 22H6.985C5.92811 22 4.91451 21.5491 4.16718 20.7465C3.41985 19.9439 3 18.8553 3 17.7203V9.6969Z"
+        fill="currentColor"
+        stroke="currentColor"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <Path
+        d="M16.247 2V5.48709M8.24699 2V5.48709M6.985 3.74301H17.015C18.0719 3.74301 19.0855 4.1939 19.8328 4.99649C20.5802 5.79908 21 6.88763 21 8.02266V9.69693H3V8.02266C3 6.88763 3.41985 5.79908 4.16718 4.99649C4.91451 4.1939 5.92811 3.74301 6.985 3.74301Z"
+        stroke="currentColor"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+MenuCalendarFill.displayName = "MenuCalendarFill";
+const ForwardRef = forwardRef(MenuCalendarFill);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as MenuCalendarFill };

package/src/components/native/MenuCalendarStroke.tsx

@@ -0,0 +1,49 @@
+import * as React from "react";
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef, memo } from "react";
+import { cssInterop } from "nativewind";
+interface Props extends SvgProps {
+  size?: number;
+  color?: string;
+}
+const MenuCalendarStroke = (props: Props, ref: React.Ref<Svg>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = undefined,
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <Svg
+      viewBox="0 0 24 24"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <Path
+        d="M3 9.69694H21M3 9.69694V17.7203C3 18.8554 3.41985 19.9439 4.16718 20.7465C4.91451 21.5491 5.92811 22 6.985 22H17.015C18.0719 22 19.0855 21.5491 19.8328 20.7465C20.5802 19.9439 21 18.8554 21 17.7203V9.69694M3 9.69694V8.02266C3 6.88763 3.41985 5.79908 4.16718 4.99649C4.91451 4.1939 5.92811 3.74301 6.985 3.74301H17.015C18.0719 3.74301 19.0855 4.1939 19.8328 4.99649C20.5802 5.79908 21 6.88763 21 8.02266V9.69694M16.247 2V5.48709M8.24699 2V5.48709"
+        stroke="currentColor"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+MenuCalendarStroke.displayName = "MenuCalendarStroke";
+const ForwardRef = forwardRef(MenuCalendarStroke);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as MenuCalendarStroke };

package/src/components/native/MenuChartFill.tsx

@@ -0,0 +1,56 @@
+import * as React from "react";
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef, memo } from "react";
+import { cssInterop } from "nativewind";
+interface Props extends SvgProps {
+  size?: number;
+  color?: string;
+}
+const MenuChartFill = (props: Props, ref: React.Ref<Svg>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = undefined,
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <Svg
+      viewBox="0 0 24 24"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <Path
+        d="M21 7V17C21 19.21 19.21 21 17 21H7C4.79 21 3 19.21 3 17V7C3 4.79 4.79 3 7 3H17C19.21 3 21 4.79 21 7Z"
+        fill="currentColor"
+        stroke="currentColor"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <Path
+        d="M10.33 16.17V12.84C10.33 12.38 9.96 12.01 9.5 12.01H7.83C7.37 12.01 7 12.38 7 12.84V16.07M10.34 16.17V8.66997C10.34 8.20997 10.71 7.83997 11.17 7.83997H12.84C13.3 7.83997 13.67 8.20997 13.67 8.66997V16.17V10.75C13.67 10.29 14.04 9.91997 14.5 9.91997H16.17C16.63 9.91997 17 10.29 17 10.75V16.06M17 16.17H7"
+        stroke="#FAFCFC"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+MenuChartFill.displayName = "MenuChartFill";
+const ForwardRef = forwardRef(MenuChartFill);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as MenuChartFill };