@nebutra/icons 0.1.0

package/src/components/MagnifyingGlass.tsx

@@ -0,0 +1,32 @@
+import type * as React from "react";
+import { forwardRef } from "react";
+export interface IconProps extends React.SVGProps<SVGSVGElement> {
+  /** Icon size in px (default: 16). Overrides width/height props. */
+  size?: number | string;
+}
+const MagnifyingGlass = forwardRef<SVGSVGElement, IconProps>(
+  ({ size = 16, width, height, ...props }, ref) => (
+    <svg
+      aria-hidden="true"
+      xmlns="http://www.w3.org/2000/svg"
+      width={width ?? size}
+      height={height ?? size}
+      fill="none"
+      strokeLinejoin="round"
+      viewBox="0 0 16 16"
+      ref={ref}
+      {...props}
+    >
+      <path
+        fill="currentColor"
+        fillRule="evenodd"
+        d="M1.5 6.5a5 5 0 1 1 10 0 5 5 0 0 1-10 0m5-6.5a6.5 6.5 0 1 0 4.035 11.596l3.435 3.434.53.53 1.06-1.06-.53-.53-3.434-3.435A6.5 6.5 0 0 0 6.5 0"
+        clipRule="evenodd"
+      />
+    </svg>
+  ),
+);
+MagnifyingGlass.displayName = "MagnifyingGlass";
+
+export { MagnifyingGlass };
+export default MagnifyingGlass;

package/src/components/MagnifyingGlassMinus.tsx

@@ -0,0 +1,32 @@
+import type * as React from "react";
+import { forwardRef } from "react";
+export interface IconProps extends React.SVGProps<SVGSVGElement> {
+  /** Icon size in px (default: 16). Overrides width/height props. */
+  size?: number | string;
+}
+const MagnifyingGlassMinus = forwardRef<SVGSVGElement, IconProps>(
+  ({ size = 16, width, height, ...props }, ref) => (
+    <svg
+      aria-hidden="true"
+      xmlns="http://www.w3.org/2000/svg"
+      width={width ?? size}
+      height={height ?? size}
+      fill="none"
+      strokeLinejoin="round"
+      viewBox="0 0 16 16"
+      ref={ref}
+      {...props}
+    >
+      <path
+        fill="currentColor"
+        fillRule="evenodd"
+        d="M6.5 1.5a5 5 0 1 0 0 10 5 5 0 0 0 0-10M0 6.5a6.5 6.5 0 1 1 11.596 4.035l3.434 3.435.53.53-1.06 1.06-.53-.53-3.435-3.434A6.5 6.5 0 0 1 0 6.5m4.75-.625h-.625v1.25h4.75v-1.25H4.75"
+        clipRule="evenodd"
+      />
+    </svg>
+  ),
+);
+MagnifyingGlassMinus.displayName = "MagnifyingGlassMinus";
+
+export { MagnifyingGlassMinus };
+export default MagnifyingGlassMinus;

package/src/components/MagnifyingGlassPlus.tsx

@@ -0,0 +1,32 @@
+import type * as React from "react";
+import { forwardRef } from "react";
+export interface IconProps extends React.SVGProps<SVGSVGElement> {
+  /** Icon size in px (default: 16). Overrides width/height props. */
+  size?: number | string;
+}
+const MagnifyingGlassPlus = forwardRef<SVGSVGElement, IconProps>(
+  ({ size = 16, width, height, ...props }, ref) => (
+    <svg
+      aria-hidden="true"
+      xmlns="http://www.w3.org/2000/svg"
+      width={width ?? size}
+      height={height ?? size}
+      fill="none"
+      strokeLinejoin="round"
+      viewBox="0 0 16 16"
+      ref={ref}
+      {...props}
+    >
+      <path
+        fill="currentColor"
+        fillRule="evenodd"
+        d="M1.5 6.5a5 5 0 1 1 10 0 5 5 0 0 1-10 0m5-6.5a6.5 6.5 0 1 0 4.035 11.596l3.435 3.434.53.53 1.06-1.06-.53-.53-3.434-3.435A6.5 6.5 0 0 0 6.5 0M4.125 5.875h1.75v-1.75h1.25v1.75h1.75v1.25h-1.75v1.75h-1.25v-1.75h-1.75z"
+        clipRule="evenodd"
+      />
+    </svg>
+  ),
+);
+MagnifyingGlassPlus.displayName = "MagnifyingGlassPlus";
+
+export { MagnifyingGlassPlus };
+export default MagnifyingGlassPlus;

package/src/components/MagnifyingGlassSmall.tsx

@@ -0,0 +1,32 @@
+import type * as React from "react";
+import { forwardRef } from "react";
+export interface IconProps extends React.SVGProps<SVGSVGElement> {
+  /** Icon size in px (default: 16). Overrides width/height props. */
+  size?: number | string;
+}
+const MagnifyingGlassSmall = forwardRef<SVGSVGElement, IconProps>(
+  ({ size = 16, width, height, ...props }, ref) => (
+    <svg
+      aria-hidden="true"
+      xmlns="http://www.w3.org/2000/svg"
+      width={width ?? size}
+      height={height ?? size}
+      fill="none"
+      strokeLinejoin="round"
+      viewBox="0 0 16 16"
+      ref={ref}
+      {...props}
+    >
+      <path
+        fill="currentColor"
+        fillRule="evenodd"
+        d="M3.5 7a3.5 3.5 0 1 1 6.13 2.309l-.321.322A3.5 3.5 0 0 1 3.5 7m6.465 4.026a5 5 0 1 1 1.06-1.06l3.005 3.004.53.53-1.06 1.06-.53-.53z"
+        clipRule="evenodd"
+      />
+    </svg>
+  ),
+);
+MagnifyingGlassSmall.displayName = "MagnifyingGlassSmall";
+
+export { MagnifyingGlassSmall };
+export default MagnifyingGlassSmall;

package/src/components/Menu.tsx

@@ -0,0 +1,30 @@
+import type * as React from "react";
+import { forwardRef } from "react";
+export interface IconProps extends React.SVGProps<SVGSVGElement> {
+  /** Icon size in px (default: 16). Overrides width/height props. */
+  size?: number | string;
+}
+const Menu = forwardRef<SVGSVGElement, IconProps>(({ size = 16, width, height, ...props }, ref) => (
+  <svg
+    aria-hidden="true"
+    xmlns="http://www.w3.org/2000/svg"
+    width={width ?? size}
+    height={height ?? size}
+    fill="none"
+    strokeLinejoin="round"
+    viewBox="0 0 16 16"
+    ref={ref}
+    {...props}
+  >
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M1.75 4H1v1.5h14V4H1.75m0 6.5H1V12h14v-1.5H1.75"
+      clipRule="evenodd"
+    />
+  </svg>
+));
+Menu.displayName = "Menu";
+
+export { Menu };
+export default Menu;

package/src/components/MenuAlt.tsx

@@ -0,0 +1,32 @@
+import type * as React from "react";
+import { forwardRef } from "react";
+export interface IconProps extends React.SVGProps<SVGSVGElement> {
+  /** Icon size in px (default: 16). Overrides width/height props. */
+  size?: number | string;
+}
+const MenuAlt = forwardRef<SVGSVGElement, IconProps>(
+  ({ size = 16, width, height, ...props }, ref) => (
+    <svg
+      aria-hidden="true"
+      xmlns="http://www.w3.org/2000/svg"
+      width={width ?? size}
+      height={height ?? size}
+      fill="none"
+      strokeLinejoin="round"
+      viewBox="0 0 16 16"
+      ref={ref}
+      {...props}
+    >
+      <path
+        fill="currentColor"
+        fillRule="evenodd"
+        d="M1 2h14v1.5H1zm0 10.5h14V14H1zm.75-5.25H1v1.5h14v-1.5H1.75"
+        clipRule="evenodd"
+      />
+    </svg>
+  ),
+);
+MenuAlt.displayName = "MenuAlt";
+
+export { MenuAlt };
+export default MenuAlt;

package/src/components/MenuAltUnread.tsx

@@ -0,0 +1,33 @@
+import type * as React from "react";
+import { forwardRef } from "react";
+export interface IconProps extends React.SVGProps<SVGSVGElement> {
+  /** Icon size in px (default: 16). Overrides width/height props. */
+  size?: number | string;
+}
+const MenuAltUnread = forwardRef<SVGSVGElement, IconProps>(
+  ({ size = 16, width, height, ...props }, ref) => (
+    <svg
+      aria-hidden="true"
+      xmlns="http://www.w3.org/2000/svg"
+      width={width ?? size}
+      height={height ?? size}
+      fill="none"
+      strokeLinejoin="round"
+      viewBox="0 0 16 16"
+      ref={ref}
+      {...props}
+    >
+      <circle cx={13.5} cy={2.5} r={2.5} fill="var(--ds-blue-900)" />
+      <path
+        fill="currentColor"
+        fillRule="evenodd"
+        d="M9.531 2H1v1.5h8.626A4 4 0 0 1 9.531 2M1.75 12H1v1.5h14V12H1.75M1 7h14v1.5H1z"
+        clipRule="evenodd"
+      />
+    </svg>
+  ),
+);
+MenuAltUnread.displayName = "MenuAltUnread";
+
+export { MenuAltUnread };
+export default MenuAltUnread;

package/src/components/Message.tsx

@@ -0,0 +1,32 @@
+import type * as React from "react";
+import { forwardRef } from "react";
+export interface IconProps extends React.SVGProps<SVGSVGElement> {
+  /** Icon size in px (default: 16). Overrides width/height props. */
+  size?: number | string;
+}
+const Message = forwardRef<SVGSVGElement, IconProps>(
+  ({ size = 16, width, height, ...props }, ref) => (
+    <svg
+      aria-hidden="true"
+      xmlns="http://www.w3.org/2000/svg"
+      width={width ?? size}
+      height={height ?? size}
+      fill="none"
+      strokeLinejoin="round"
+      viewBox="0 0 16 16"
+      ref={ref}
+      {...props}
+    >
+      <path
+        fill="currentColor"
+        fillRule="evenodd"
+        d="m2.891 10.403.092.229c.246.613.517 1.473.517 2.368 0 .359-.044.713-.112 1.05a7.162 7.162 0 0 0 2.322-1.297l.515-.43.663.097q.541.079 1.112.08c3.784 0 6.5-2.644 6.5-5.5S11.784 1.5 8 1.5 1.5 4.144 1.5 7c0 1.182.442 2.293 1.231 3.215zm-.078 5.362C1.761 16 1 16 1 16s.433-.69.73-1.563C1.882 13.983 2 13.48 2 13c0-.617-.193-1.27-.409-1.81C.591 10.022 0 8.572 0 7c0-3.866 3.582-7 8-7s8 3.134 8 7-3.582 7-8 7q-.68 0-1.33-.096A8.7 8.7 0 0 1 5 15a9.6 9.6 0 0 1-2.186.765"
+        clipRule="evenodd"
+      />
+    </svg>
+  ),
+);
+Message.displayName = "Message";
+
+export { Message };
+export default Message;

package/src/components/MessageTyping.tsx

@@ -0,0 +1,32 @@
+import type * as React from "react";
+import { forwardRef } from "react";
+export interface IconProps extends React.SVGProps<SVGSVGElement> {
+  /** Icon size in px (default: 16). Overrides width/height props. */
+  size?: number | string;
+}
+const MessageTyping = forwardRef<SVGSVGElement, IconProps>(
+  ({ size = 16, width, height, ...props }, ref) => (
+    <svg
+      aria-hidden="true"
+      xmlns="http://www.w3.org/2000/svg"
+      width={width ?? size}
+      height={height ?? size}
+      fill="none"
+      strokeLinejoin="round"
+      viewBox="0 0 16 16"
+      ref={ref}
+      {...props}
+    >
+      <path
+        fill="currentColor"
+        fillRule="evenodd"
+        d="m2.983 10.632-.092-.23-.16-.187C1.942 9.293 1.5 8.182 1.5 7c0-2.856 2.716-5.5 6.5-5.5s6.5 2.644 6.5 5.5-2.716 5.5-6.5 5.5a8 8 0 0 1-1.112-.08l-.663-.097-.515.43a7.2 7.2 0 0 1-2.322 1.297c.068-.337.112-.691.112-1.05 0-.896-.27-1.755-.517-2.368M1 16s.761 0 1.814-.235A9.6 9.6 0 0 0 5 15a8.7 8.7 0 0 0 1.67-1.096q.65.095 1.33.096c4.418 0 8-3.134 8-7s-3.582-7-8-7-8 3.134-8 7c0 1.572.592 3.022 1.591 4.19.216.54.409 1.193.409 1.81 0 .48-.117.983-.27 1.437A8.3 8.3 0 0 1 1 16m3.5-8a1 1 0 1 1 0-2 1 1 0 0 1 0 2M7 7a1 1 0 1 0 2 0 1 1 0 0 0-2 0m4.5 1a1 1 0 1 1 0-2 1 1 0 0 1 0 2"
+        clipRule="evenodd"
+      />
+    </svg>
+  ),
+);
+MessageTyping.displayName = "MessageTyping";
+
+export { MessageTyping };
+export default MessageTyping;

package/src/components/Microfrontends.tsx

@@ -0,0 +1,32 @@
+import type * as React from "react";
+import { forwardRef } from "react";
+export interface IconProps extends React.SVGProps<SVGSVGElement> {
+  /** Icon size in px (default: 16). Overrides width/height props. */
+  size?: number | string;
+}
+const Microfrontends = forwardRef<SVGSVGElement, IconProps>(
+  ({ size = 16, width, height, ...props }, ref) => (
+    <svg
+      aria-hidden="true"
+      xmlns="http://www.w3.org/2000/svg"
+      width={width ?? size}
+      height={height ?? size}
+      fill="none"
+      strokeLinejoin="round"
+      viewBox="0 0 14 14"
+      ref={ref}
+      {...props}
+    >
+      <path
+        fill="currentColor"
+        fillRule="evenodd"
+        d="M2.25 5c.347 0 .676-.079.97-.22L7 8.56l3.78-3.78a2.25 2.25 0 1 0-1.06-1.06L7 6.44 4.28 3.72A2.25 2.25 0 1 0 2.25 5M3 2.75a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0m8.75.75a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5M2.25 13.5A2.25 2.25 0 0 0 3 9.128V6.5H1.5v2.628a2.25 2.25 0 0 0 .75 4.372M3 11.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0M11.75 13.5a2.25 2.25 0 0 0 .75-4.372V6.5H11v2.628a2.25 2.25 0 0 0 .75 4.372m.75-2.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0"
+        clipRule="evenodd"
+      />
+    </svg>
+  ),
+);
+Microfrontends.displayName = "Microfrontends";
+
+export { Microfrontends };
+export default Microfrontends;

package/src/components/Microphone.tsx

@@ -0,0 +1,32 @@
+import type * as React from "react";
+import { forwardRef } from "react";
+export interface IconProps extends React.SVGProps<SVGSVGElement> {
+  /** Icon size in px (default: 16). Overrides width/height props. */
+  size?: number | string;
+}
+const Microphone = forwardRef<SVGSVGElement, IconProps>(
+  ({ size = 16, width, height, ...props }, ref) => (
+    <svg
+      aria-hidden="true"
+      xmlns="http://www.w3.org/2000/svg"
+      width={width ?? size}
+      height={height ?? size}
+      fill="none"
+      strokeLinejoin="round"
+      viewBox="0 0 16 16"
+      ref={ref}
+      {...props}
+    >
+      <path
+        fill="currentColor"
+        fillRule="evenodd"
+        d="M8.501 1.5h-1a1.5 1.5 0 0 0-1.5 1.5v4a1.5 1.5 0 0 0 1.5 1.5h1a1.5 1.5 0 0 0 1.5-1.5V3a1.5 1.5 0 0 0-1.5-1.5m-1-1.5a3 3 0 0 0-3 3v4a3 3 0 0 0 3 3h1a3 3 0 0 0 3-3V3a3 3 0 0 0-3-3zm-.25 13.209V16h1.5v-2.791a6.76 6.76 0 0 0 5.787-5.022l.187-.726-1.452-.374-.187.726a5.252 5.252 0 0 1-10.17 0l-.187-.726-1.452.374.187.726a6.76 6.76 0 0 0 5.787 5.022"
+        clipRule="evenodd"
+      />
+    </svg>
+  ),
+);
+Microphone.displayName = "Microphone";
+
+export { Microphone };
+export default Microphone;

package/src/components/MicrophoneOff.tsx

@@ -0,0 +1,32 @@
+import type * as React from "react";
+import { forwardRef } from "react";
+export interface IconProps extends React.SVGProps<SVGSVGElement> {
+  /** Icon size in px (default: 16). Overrides width/height props. */
+  size?: number | string;
+}
+const MicrophoneOff = forwardRef<SVGSVGElement, IconProps>(
+  ({ size = 16, width, height, ...props }, ref) => (
+    <svg
+      aria-hidden="true"
+      xmlns="http://www.w3.org/2000/svg"
+      width={width ?? size}
+      height={height ?? size}
+      fill="none"
+      strokeLinejoin="round"
+      viewBox="0 0 16 16"
+      ref={ref}
+      {...props}
+    >
+      <path
+        fill="currentColor"
+        fillRule="evenodd"
+        d="m15.558 15.081-.489-.57-2.56-2.987a6.75 6.75 0 0 0 2.028-3.337l.187-.726-1.452-.374-.187.726a5.25 5.25 0 0 1-1.553 2.572l-1.14-1.33A3.5 3.5 0 0 0 11.5 6.5v-3a3.5 3.5 0 0 0-6.82-1.11L3.07.512l-.489-.57L1.442.92l.489.57 12 14 .488.569zM6 3.931V3.5a2 2 0 1 1 4 0v3c0 .551-.222 1.051-.586 1.414zM1.463 8.187l-.187-.726 1.452-.374.187.726A5.25 5.25 0 0 0 8 11.75h.75V16h-1.5v-2.791a6.76 6.76 0 0 1-5.787-5.022"
+        clipRule="evenodd"
+      />
+    </svg>
+  ),
+);
+MicrophoneOff.displayName = "MicrophoneOff";
+
+export { MicrophoneOff };
+export default MicrophoneOff;

package/src/components/Middleware.tsx

@@ -0,0 +1,32 @@
+import type * as React from "react";
+import { forwardRef } from "react";
+export interface IconProps extends React.SVGProps<SVGSVGElement> {
+  /** Icon size in px (default: 16). Overrides width/height props. */
+  size?: number | string;
+}
+const Middleware = forwardRef<SVGSVGElement, IconProps>(
+  ({ size = 16, width, height, ...props }, ref) => (
+    <svg
+      aria-hidden="true"
+      xmlns="http://www.w3.org/2000/svg"
+      width={width ?? size}
+      height={height ?? size}
+      fill="none"
+      strokeLinejoin="round"
+      viewBox="0 0 16 16"
+      ref={ref}
+      {...props}
+    >
+      <path
+        fill="currentColor"
+        fillRule="evenodd"
+        d="m2.47 3.53.078.079A7 7 0 0 0 1.29 6h1.585A5.52 5.52 0 0 1 6 2.875V1.29a7 7 0 0 0-2.391 1.258L3.53 2.47 2.03.97 1.5.44.44 1.5l.53.53zM7.98 15h.04zm5.472-2.609A7 7 0 0 0 14.71 10h-1.585A5.52 5.52 0 0 1 10 13.125v1.585a7 7 0 0 0 2.391-1.258l.079.078 1.5 1.5.53.53 1.06-1.06-.53-.53-1.5-1.5zm0-8.782A7 7 0 0 1 14.71 6h-1.585A5.52 5.52 0 0 0 10 2.875V1.29a7 7 0 0 1 2.391 1.258l.079-.078 1.5-1.5.53-.53 1.06 1.06-.53.53-1.5 1.5zM1.29 10h1.585A5.52 5.52 0 0 0 6 13.125v1.585a7 7 0 0 1-2.391-1.258l-.079.078-1.5 1.5-.53.53L.44 14.5l.53-.53 1.5-1.5.078-.079A7 7 0 0 1 1.29 10M8 10a2 2 0 1 0 0-4 2 2 0 0 0 0 4"
+        clipRule="evenodd"
+      />
+    </svg>
+  ),
+);
+Middleware.displayName = "Middleware";
+
+export { Middleware };
+export default Middleware;

package/src/components/Minus.tsx

@@ -0,0 +1,27 @@
+import type * as React from "react";
+import { forwardRef } from "react";
+export interface IconProps extends React.SVGProps<SVGSVGElement> {
+  /** Icon size in px (default: 16). Overrides width/height props. */
+  size?: number | string;
+}
+const Minus = forwardRef<SVGSVGElement, IconProps>(
+  ({ size = 16, width, height, ...props }, ref) => (
+    <svg
+      aria-hidden="true"
+      xmlns="http://www.w3.org/2000/svg"
+      width={width ?? size}
+      height={height ?? size}
+      fill="none"
+      strokeLinejoin="round"
+      viewBox="0 0 16 16"
+      ref={ref}
+      {...props}
+    >
+      <path fill="currentColor" fillRule="evenodd" d="M2 7.25h12v1.5H2z" clipRule="evenodd" />
+    </svg>
+  ),
+);
+Minus.displayName = "Minus";
+
+export { Minus };
+export default Minus;

package/src/components/MinusCircle.tsx

@@ -0,0 +1,32 @@
+import type * as React from "react";
+import { forwardRef } from "react";
+export interface IconProps extends React.SVGProps<SVGSVGElement> {
+  /** Icon size in px (default: 16). Overrides width/height props. */
+  size?: number | string;
+}
+const MinusCircle = forwardRef<SVGSVGElement, IconProps>(
+  ({ size = 16, width, height, ...props }, ref) => (
+    <svg
+      aria-hidden="true"
+      xmlns="http://www.w3.org/2000/svg"
+      width={width ?? size}
+      height={height ?? size}
+      fill="none"
+      strokeLinejoin="round"
+      viewBox="0 0 16 16"
+      ref={ref}
+      {...props}
+    >
+      <path
+        fill="currentColor"
+        fillRule="evenodd"
+        d="M14.5 8a6.5 6.5 0 1 1-13 0 6.5 6.5 0 0 1 13 0M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0M5 7.25h-.75v1.5h7.5v-1.5H5"
+        clipRule="evenodd"
+      />
+    </svg>
+  ),
+);
+MinusCircle.displayName = "MinusCircle";
+
+export { MinusCircle };
+export default MinusCircle;

package/src/components/MinusSquareSmall.tsx

@@ -0,0 +1,32 @@
+import type * as React from "react";
+import { forwardRef } from "react";
+export interface IconProps extends React.SVGProps<SVGSVGElement> {
+  /** Icon size in px (default: 16). Overrides width/height props. */
+  size?: number | string;
+}
+const MinusSquareSmall = forwardRef<SVGSVGElement, IconProps>(
+  ({ size = 16, width, height, ...props }, ref) => (
+    <svg
+      aria-hidden="true"
+      xmlns="http://www.w3.org/2000/svg"
+      width={width ?? size}
+      height={height ?? size}
+      fill="none"
+      strokeLinejoin="round"
+      viewBox="0 0 16 16"
+      ref={ref}
+      {...props}
+    >
+      <path
+        fill="currentColor"
+        fillRule="evenodd"
+        d="M5 4.25h6a.75.75 0 0 1 .75.75v6a.75.75 0 0 1-.75.75H5a.75.75 0 0 1-.75-.75V5A.75.75 0 0 1 5 4.25M3 5a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2zm3.25 2.375h-.625v1.25h4.75v-1.25H6.25"
+        clipRule="evenodd"
+      />
+    </svg>
+  ),
+);
+MinusSquareSmall.displayName = "MinusSquareSmall";
+
+export { MinusSquareSmall };
+export default MinusSquareSmall;

package/src/components/Monitoring.tsx

@@ -0,0 +1,32 @@
+import type * as React from "react";
+import { forwardRef } from "react";
+export interface IconProps extends React.SVGProps<SVGSVGElement> {
+  /** Icon size in px (default: 16). Overrides width/height props. */
+  size?: number | string;
+}
+const Monitoring = forwardRef<SVGSVGElement, IconProps>(
+  ({ size = 16, width, height, ...props }, ref) => (
+    <svg
+      aria-hidden="true"
+      xmlns="http://www.w3.org/2000/svg"
+      width={width ?? size}
+      height={height ?? size}
+      fill="none"
+      strokeLinejoin="round"
+      viewBox="0 0 16 16"
+      ref={ref}
+      {...props}
+    >
+      <path
+        fill="currentColor"
+        fillRule="evenodd"
+        d="M1 1v11.75A2.25 2.25 0 0 0 3.25 15H15v-1.5H3.25a.75.75 0 0 1-.75-.75V1zm8.5 2.75V3H8v9h1.5V3.75M6 8v4H4.5V8zm7-1.25V6h-1.5v6H13V6.75"
+        clipRule="evenodd"
+      />
+    </svg>
+  ),
+);
+Monitoring.displayName = "Monitoring";
+
+export { Monitoring };
+export default Monitoring;

package/src/components/Moon.tsx

@@ -0,0 +1,30 @@
+import type * as React from "react";
+import { forwardRef } from "react";
+export interface IconProps extends React.SVGProps<SVGSVGElement> {
+  /** Icon size in px (default: 16). Overrides width/height props. */
+  size?: number | string;
+}
+const Moon = forwardRef<SVGSVGElement, IconProps>(({ size = 16, width, height, ...props }, ref) => (
+  <svg
+    aria-hidden="true"
+    xmlns="http://www.w3.org/2000/svg"
+    width={width ?? size}
+    height={height ?? size}
+    fill="none"
+    strokeLinejoin="round"
+    viewBox="0 0 16 16"
+    ref={ref}
+    {...props}
+  >
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M1.5 8c0-2.47 1.492-4.59 3.623-5.511a7 7 0 0 0 7.072 9.247A6 6 0 0 1 1.5 8M6.417.578A7.502 7.502 0 0 0 7.5 15.5a7.5 7.5 0 0 0 6.88-4.508l-.921-1.012A5.5 5.5 0 0 1 7.15 1.732zM13.25 1v1.75H15v1.5h-1.75V6h-1.5V4.25H10v-1.5h1.75V1z"
+      clipRule="evenodd"
+    />
+  </svg>
+));
+Moon.displayName = "Moon";
+
+export { Moon };
+export default Moon;

package/src/components/MoonAlternate.tsx

@@ -0,0 +1,39 @@
+import type * as React from "react";
+import { forwardRef } from "react";
+export interface IconProps extends React.SVGProps<SVGSVGElement> {
+  /** Icon size in px (default: 16). Overrides width/height props. */
+  size?: number | string;
+}
+const MoonAlternate = forwardRef<SVGSVGElement, IconProps>(
+  ({ size = 16, width, height, ...props }, ref) => (
+    <svg
+      aria-hidden="true"
+      xmlns="http://www.w3.org/2000/svg"
+      width={width ?? size}
+      height={height ?? size}
+      fill="none"
+      strokeLinejoin="round"
+      viewBox="0 0 16 16"
+      ref={ref}
+      {...props}
+    >
+      <g clipPath="url(#clip0_174_19363)">
+        <path
+          fill="currentColor"
+          fillRule="evenodd"
+          d="M14.5 8A6.5 6.5 0 0 1 1.645 9.372c.167.404.407.772.723 1.088 1.678 1.678 4.851 1.226 7.088-1.01 2.236-2.237 2.688-5.41 1.01-7.089a3.3 3.3 0 0 0-1.051-.707A6.5 6.5 0 0 1 14.5 8M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0"
+          clipRule="evenodd"
+        />
+      </g>
+      <defs>
+        <clipPath id="clip0_174_19363">
+          <path fill="#fff" d="M0 0h16v16H0z" />
+        </clipPath>
+      </defs>
+    </svg>
+  ),
+);
+MoonAlternate.displayName = "MoonAlternate";
+
+export { MoonAlternate };
+export default MoonAlternate;

package/src/components/MoonSmall.tsx

@@ -0,0 +1,32 @@
+import type * as React from "react";
+import { forwardRef } from "react";
+export interface IconProps extends React.SVGProps<SVGSVGElement> {
+  /** Icon size in px (default: 16). Overrides width/height props. */
+  size?: number | string;
+}
+const MoonSmall = forwardRef<SVGSVGElement, IconProps>(
+  ({ size = 16, width, height, ...props }, ref) => (
+    <svg
+      aria-hidden="true"
+      xmlns="http://www.w3.org/2000/svg"
+      width={width ?? size}
+      height={height ?? size}
+      fill="none"
+      strokeLinejoin="round"
+      viewBox="0 0 16 16"
+      ref={ref}
+      {...props}
+    >
+      <path
+        fill="currentColor"
+        fillRule="evenodd"
+        d="M12.75 2.5v1.25H14v1.5h-1.25V6.5h-1.5V5.25H10v-1.5h1.25V2.5zM5.505 5.005a4.25 4.25 0 1 0 5.99 5.99 5.75 5.75 0 0 1-5.99-5.99M2.5 8.25a5.75 5.75 0 0 1 3.792-5.408l.96.96a4.25 4.25 0 0 0 5.445 5.445l.96.961A5.752 5.752 0 0 1 2.5 8.25"
+        clipRule="evenodd"
+      />
+    </svg>
+  ),
+);
+MoonSmall.displayName = "MoonSmall";
+
+export { MoonSmall };
+export default MoonSmall;