alma-icons 3.3.0 → 3.4.0

package/README.md

@@ -2,7 +2,7 @@
 
 ![image](https://github.com/yamogoo/alma-icons/blob/main/shared/images/alma-icons-logo--lg.png)
 
-![Version](https://img.shields.io/badge/version-3.3.0-green)
+![Version](https://img.shields.io/badge/version-3.4.0-green)
 
 [![License: CC BY-NC](https://mirrors.creativecommons.org/presskit/buttons/88x31/svg/by-nc.svg)](./LICENSE)
 
@@ -10,7 +10,7 @@
 
 Alma Icons is a **production-ready icon system** designed for scalable UI products.
 
-The library includes **1214 icons** (607 outline, 607 fill) built on a consistent **100–500 weight stroke system** with a stable, versioned taxonomy.
+The library includes **1216 icons** (608 outline, 608 fill) built on a consistent **100–500 weight stroke system** with a stable, versioned taxonomy.
 
 Perfect for design systems, product interfaces, and long-term UI development.
 

package/dist/manifest.js

@@ -5792,6 +5792,16 @@ export const iconManifest = {
   "washingMachine_outline_300": () => import("../icons/washingMachine_outline_300.svg"),
   "washingMachine_outline_400": () => import("../icons/washingMachine_outline_400.svg"),
   "washingMachine_outline_500": () => import("../icons/washingMachine_outline_500.svg"),
+  "watch_fill_100": () => import("../icons/watch_fill_100.svg"),
+  "watch_fill_200": () => import("../icons/watch_fill_200.svg"),
+  "watch_fill_300": () => import("../icons/watch_fill_300.svg"),
+  "watch_fill_400": () => import("../icons/watch_fill_400.svg"),
+  "watch_fill_500": () => import("../icons/watch_fill_500.svg"),
+  "watch_outline_100": () => import("../icons/watch_outline_100.svg"),
+  "watch_outline_200": () => import("../icons/watch_outline_200.svg"),
+  "watch_outline_300": () => import("../icons/watch_outline_300.svg"),
+  "watch_outline_400": () => import("../icons/watch_outline_400.svg"),
+  "watch_outline_500": () => import("../icons/watch_outline_500.svg"),
   "waterDrop_fill_100": () => import("../icons/waterDrop_fill_100.svg"),
   "waterDrop_fill_200": () => import("../icons/waterDrop_fill_200.svg"),
   "waterDrop_fill_300": () => import("../icons/waterDrop_fill_300.svg"),

package/dist/metadata.d.ts

@@ -581,6 +581,7 @@ export type AlmaIconName =
   | "wallet"
   | "warning"
   | "washingMachine"
+  | "watch"
   | "waterDrop"
   | "waterDropDetailes"
   | "waterDropDisabled"

package/dist/metadata.js

@@ -581,6 +581,7 @@ export const iconNames = [
   "wallet",
   "warning",
   "washingMachine",
+  "watch",
   "waterDrop",
   "waterDropDetailes",
   "waterDropDisabled",
@@ -6389,6 +6390,16 @@ export const iconFullNames = [
   "washingMachine_outline_300",
   "washingMachine_outline_400",
   "washingMachine_outline_500",
+  "watch_fill_100",
+  "watch_fill_200",
+  "watch_fill_300",
+  "watch_fill_400",
+  "watch_fill_500",
+  "watch_outline_100",
+  "watch_outline_200",
+  "watch_outline_300",
+  "watch_outline_400",
+  "watch_outline_500",
   "waterDrop_fill_100",
   "waterDrop_fill_200",
   "waterDrop_fill_300",

package/dist/react/icons/WatchFill100.d.ts

@@ -0,0 +1,6 @@
+// AUTO-GENERATED by AlmaIconsResolver
+
+import type { AlmaReactIconProps } from "../index.js";
+
+declare function WatchFill100(props: AlmaReactIconProps): import("react").ReactElement | null;
+export default WatchFill100;

package/dist/react/icons/WatchFill100.js

@@ -0,0 +1,47 @@
+// AUTO-GENERATED by AlmaIconsResolver
+
+import * as React from "react";
+
+const svgBaseProps = {
+  "viewBox": "0 0 24 24",
+  "fill": "none",
+  "xmlns": "http://www.w3.org/2000/svg"
+};
+const svgInner = "<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M14.5 1C15.0523 1 15.5 1.44772 15.5 2V5.75L15.7305 5.76172C16.8648 5.87714 17.75 6.83517 17.75 8V16C17.75 17.1648 16.8648 18.1229 15.7305 18.2383L15.5 18.25V22C15.5 22.5523 15.0523 23 14.5 23H9.5C8.94773 23 8.5 22.5523 8.5 22V18.25L8.26953 18.2383C7.13521 18.1228 6.25 17.1648 6.25 16L6.25098 8C6.25107 6.83524 7.1362 5.87715 8.27051 5.76172L8.50098 5.75V2C8.50099 1.44773 8.9487 1 9.50098 1H14.5ZM8.50098 6.25C7.53453 6.25 6.75105 7.03355 6.75098 8L6.75 16C6.75 16.9664 7.53357 17.7499 8.5 17.75H15.5C16.4665 17.75 17.25 16.9665 17.25 16V8C17.25 7.0335 16.4665 6.25 15.5 6.25H8.50098Z\" fill=\"currentColor\"/>";
+
+export default function WatchFill100({
+  size = "1em",
+  title,
+  decorative = true,
+  width,
+  height,
+  ...props
+}) {
+  const accessibilityProps =
+    decorative || !title ? { "aria-hidden": "true" } : { role: "img" };
+  const children = [];
+
+  if (title && !decorative) {
+    children.push(React.createElement("title", { key: "title" }, title));
+  }
+
+  children.push(
+    React.createElement("g", {
+      key: "icon",
+      dangerouslySetInnerHTML: { __html: svgInner },
+    })
+  );
+
+  return React.createElement(
+    "svg",
+    {
+      ...svgBaseProps,
+      ...props,
+      ...accessibilityProps,
+      width: width ?? size,
+      height: height ?? size,
+      focusable: "false",
+    },
+    children
+  );
+}

package/dist/react/icons/WatchFill200.d.ts

@@ -0,0 +1,6 @@
+// AUTO-GENERATED by AlmaIconsResolver
+
+import type { AlmaReactIconProps } from "../index.js";
+
+declare function WatchFill200(props: AlmaReactIconProps): import("react").ReactElement | null;
+export default WatchFill200;

package/dist/react/icons/WatchFill200.js

@@ -0,0 +1,47 @@
+// AUTO-GENERATED by AlmaIconsResolver
+
+import * as React from "react";
+
+const svgBaseProps = {
+  "viewBox": "0 0 24 24",
+  "fill": "none",
+  "xmlns": "http://www.w3.org/2000/svg"
+};
+const svgInner = "<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M14.5 1C15.0523 1 15.5 1.44772 15.5 2V5.5L15.7559 5.5127C17.0164 5.64082 18 6.70566 18 8V16C18 17.2943 17.0164 18.3592 15.7559 18.4873L15.5 18.5V22C15.5 22.5523 15.0523 23 14.5 23H9.5C8.94773 23 8.5 22.5523 8.5 22V18.5L8.24414 18.4873C6.98366 18.3591 6 17.2943 6 16L6.00098 8C6.00108 6.70573 6.98466 5.64084 8.24512 5.5127L8.50098 5.5V2C8.50099 1.44773 8.9487 1 9.50098 1H14.5ZM8.50098 6.5C7.67259 6.5 7.00104 7.17162 7.00098 8L7 16C7 16.8284 7.67164 17.4999 8.5 17.5H15.5C16.3284 17.5 17 16.8284 17 16V8C17 7.17157 16.3284 6.5 15.5 6.5H8.50098Z\" fill=\"currentColor\"/>";
+
+export default function WatchFill200({
+  size = "1em",
+  title,
+  decorative = true,
+  width,
+  height,
+  ...props
+}) {
+  const accessibilityProps =
+    decorative || !title ? { "aria-hidden": "true" } : { role: "img" };
+  const children = [];
+
+  if (title && !decorative) {
+    children.push(React.createElement("title", { key: "title" }, title));
+  }
+
+  children.push(
+    React.createElement("g", {
+      key: "icon",
+      dangerouslySetInnerHTML: { __html: svgInner },
+    })
+  );
+
+  return React.createElement(
+    "svg",
+    {
+      ...svgBaseProps,
+      ...props,
+      ...accessibilityProps,
+      width: width ?? size,
+      height: height ?? size,
+      focusable: "false",
+    },
+    children
+  );
+}

package/dist/react/icons/WatchFill300.d.ts

@@ -0,0 +1,6 @@
+// AUTO-GENERATED by AlmaIconsResolver
+
+import type { AlmaReactIconProps } from "../index.js";
+
+declare function WatchFill300(props: AlmaReactIconProps): import("react").ReactElement | null;
+export default WatchFill300;

package/dist/react/icons/WatchFill300.js

@@ -0,0 +1,47 @@
+// AUTO-GENERATED by AlmaIconsResolver
+
+import * as React from "react";
+
+const svgBaseProps = {
+  "viewBox": "0 0 24 24",
+  "fill": "none",
+  "xmlns": "http://www.w3.org/2000/svg"
+};
+const svgInner = "<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M14.5 1C15.0523 1 15.5 1.44772 15.5 2V5.25L15.7812 5.26465C17.1679 5.40553 18.25 6.57618 18.25 8V16C18.25 17.4238 17.1679 18.5945 15.7812 18.7354L15.5 18.75V22C15.5 22.5523 15.0523 23 14.5 23H9.5C8.94773 23 8.5 22.5523 8.5 22V18.75L8.21875 18.7354C6.83215 18.5944 5.75 17.4238 5.75 16L5.75098 8C5.75109 6.57627 6.83316 5.40555 8.21973 5.26465L8.50098 5.25V2C8.50099 1.44773 8.9487 1 9.50098 1H14.5ZM8.50098 6.75C7.81066 6.75 7.25103 7.30968 7.25098 8L7.25 16C7.25 16.6903 7.80971 17.2499 8.5 17.25H15.5C16.1904 17.25 16.75 16.6904 16.75 16V8C16.75 7.30964 16.1904 6.75 15.5 6.75H8.50098Z\" fill=\"currentColor\"/>";
+
+export default function WatchFill300({
+  size = "1em",
+  title,
+  decorative = true,
+  width,
+  height,
+  ...props
+}) {
+  const accessibilityProps =
+    decorative || !title ? { "aria-hidden": "true" } : { role: "img" };
+  const children = [];
+
+  if (title && !decorative) {
+    children.push(React.createElement("title", { key: "title" }, title));
+  }
+
+  children.push(
+    React.createElement("g", {
+      key: "icon",
+      dangerouslySetInnerHTML: { __html: svgInner },
+    })
+  );
+
+  return React.createElement(
+    "svg",
+    {
+      ...svgBaseProps,
+      ...props,
+      ...accessibilityProps,
+      width: width ?? size,
+      height: height ?? size,
+      focusable: "false",
+    },
+    children
+  );
+}

package/dist/react/icons/WatchFill400.d.ts

@@ -0,0 +1,6 @@
+// AUTO-GENERATED by AlmaIconsResolver
+
+import type { AlmaReactIconProps } from "../index.js";
+
+declare function WatchFill400(props: AlmaReactIconProps): import("react").ReactElement | null;
+export default WatchFill400;

package/dist/react/icons/WatchFill400.js

@@ -0,0 +1,47 @@
+// AUTO-GENERATED by AlmaIconsResolver
+
+import * as React from "react";
+
+const svgBaseProps = {
+  "viewBox": "0 0 24 24",
+  "fill": "none",
+  "xmlns": "http://www.w3.org/2000/svg"
+};
+const svgInner = "<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M14.5 1C15.0523 1 15.5 1.44772 15.5 2V5L15.6543 5.00391C17.2394 5.08421 18.5 6.3949 18.5 8V16C18.5 17.6051 17.2394 18.9158 15.6543 18.9961L15.5 19V22C15.5 22.5523 15.0523 23 14.5 23H9.5C8.94773 23 8.5 22.5523 8.5 22V19L8.3457 18.9961C6.76061 18.9157 5.5 17.605 5.5 16L5.50098 8C5.5011 6.39499 6.76162 5.08422 8.34668 5.00391L8.50098 5V2C8.50099 1.44773 8.9487 1 9.50098 1H14.5ZM8.50098 7C7.94872 7 7.50102 7.44775 7.50098 8L7.5 16C7.5 16.5522 7.94778 16.9999 8.5 17H15.5C16.0523 17 16.5 16.5523 16.5 16V8C16.5 7.44771 16.0523 7 15.5 7H8.50098Z\" fill=\"currentColor\"/>";
+
+export default function WatchFill400({
+  size = "1em",
+  title,
+  decorative = true,
+  width,
+  height,
+  ...props
+}) {
+  const accessibilityProps =
+    decorative || !title ? { "aria-hidden": "true" } : { role: "img" };
+  const children = [];
+
+  if (title && !decorative) {
+    children.push(React.createElement("title", { key: "title" }, title));
+  }
+
+  children.push(
+    React.createElement("g", {
+      key: "icon",
+      dangerouslySetInnerHTML: { __html: svgInner },
+    })
+  );
+
+  return React.createElement(
+    "svg",
+    {
+      ...svgBaseProps,
+      ...props,
+      ...accessibilityProps,
+      width: width ?? size,
+      height: height ?? size,
+      focusable: "false",
+    },
+    children
+  );
+}

package/dist/react/icons/WatchFill500.d.ts

@@ -0,0 +1,6 @@
+// AUTO-GENERATED by AlmaIconsResolver
+
+import type { AlmaReactIconProps } from "../index.js";
+
+declare function WatchFill500(props: AlmaReactIconProps): import("react").ReactElement | null;
+export default WatchFill500;

package/dist/react/icons/WatchFill500.js

@@ -0,0 +1,47 @@
+// AUTO-GENERATED by AlmaIconsResolver
+
+import * as React from "react";
+
+const svgBaseProps = {
+  "viewBox": "0 0 24 24",
+  "fill": "none",
+  "xmlns": "http://www.w3.org/2000/svg"
+};
+const svgInner = "<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M14.5 1.5C15.0523 1.5 15.5 1.94772 15.5 2.5V4.75L15.667 4.75391C17.3843 4.84082 18.75 6.26108 18.75 8V16C18.75 17.7389 17.3843 19.1592 15.667 19.2461L15.5 19.25V21.5C15.5 22.0523 15.0523 22.5 14.5 22.5H9.5C8.94773 22.5 8.5 22.0523 8.5 21.5V19.25L8.33301 19.2461C6.61573 19.1591 5.25 17.7389 5.25 16L5.25098 8C5.25111 6.26117 6.61675 4.84083 8.33398 4.75391L8.50098 4.75V2.5C8.50099 1.94773 8.9487 1.5 9.50098 1.5H14.5ZM8.50098 7.25C8.08679 7.25 7.75101 7.58581 7.75098 8L7.75 16C7.75 16.4142 8.08585 16.7499 8.5 16.75H15.5C15.9142 16.75 16.25 16.4142 16.25 16V8C16.25 7.58578 15.9142 7.25 15.5 7.25H8.50098Z\" fill=\"currentColor\"/>";
+
+export default function WatchFill500({
+  size = "1em",
+  title,
+  decorative = true,
+  width,
+  height,
+  ...props
+}) {
+  const accessibilityProps =
+    decorative || !title ? { "aria-hidden": "true" } : { role: "img" };
+  const children = [];
+
+  if (title && !decorative) {
+    children.push(React.createElement("title", { key: "title" }, title));
+  }
+
+  children.push(
+    React.createElement("g", {
+      key: "icon",
+      dangerouslySetInnerHTML: { __html: svgInner },
+    })
+  );
+
+  return React.createElement(
+    "svg",
+    {
+      ...svgBaseProps,
+      ...props,
+      ...accessibilityProps,
+      width: width ?? size,
+      height: height ?? size,
+      focusable: "false",
+    },
+    children
+  );
+}

package/dist/react/icons/WatchOutline100.d.ts

@@ -0,0 +1,6 @@
+// AUTO-GENERATED by AlmaIconsResolver
+
+import type { AlmaReactIconProps } from "../index.js";
+
+declare function WatchOutline100(props: AlmaReactIconProps): import("react").ReactElement | null;
+export default WatchOutline100;

package/dist/react/icons/WatchOutline100.js

@@ -0,0 +1,47 @@
+// AUTO-GENERATED by AlmaIconsResolver
+
+import * as React from "react";
+
+const svgBaseProps = {
+  "viewBox": "0 0 24 24",
+  "fill": "none",
+  "xmlns": "http://www.w3.org/2000/svg"
+};
+const svgInner = "<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M14.5 0.75C15.1904 0.75 15.75 1.30964 15.75 2V5.76465C16.8749 5.88906 17.75 6.8419 17.75 8V16C17.75 17.1581 16.8749 18.1099 15.75 18.2344V22C15.75 22.6904 15.1904 23.25 14.5 23.25H9.5C8.80967 23.25 8.25 22.6904 8.25 22V18.2344C7.12516 18.1099 6.25 17.158 6.25 16L6.25098 8C6.25107 6.84196 7.1261 5.88907 8.25098 5.76465V2C8.251 1.30967 8.81062 0.75 9.50098 0.75H14.5ZM8.75 22C8.75 22.4142 9.08579 22.75 9.5 22.75H14.5C14.9142 22.75 15.25 22.4142 15.25 22V18.25H8.75V22ZM8.50098 6.25C7.53453 6.25 6.75105 7.03355 6.75098 8L6.75 16C6.75 16.9664 7.53357 17.7499 8.5 17.75H15.5C16.4665 17.75 17.25 16.9665 17.25 16V8C17.25 7.0335 16.4665 6.25 15.5 6.25H8.50098ZM9.50098 1.25C9.08678 1.25 8.75099 1.58579 8.75098 2V5.75H15.25V2C15.25 1.58579 14.9142 1.25 14.5 1.25H9.50098Z\" fill=\"currentColor\"/>";
+
+export default function WatchOutline100({
+  size = "1em",
+  title,
+  decorative = true,
+  width,
+  height,
+  ...props
+}) {
+  const accessibilityProps =
+    decorative || !title ? { "aria-hidden": "true" } : { role: "img" };
+  const children = [];
+
+  if (title && !decorative) {
+    children.push(React.createElement("title", { key: "title" }, title));
+  }
+
+  children.push(
+    React.createElement("g", {
+      key: "icon",
+      dangerouslySetInnerHTML: { __html: svgInner },
+    })
+  );
+
+  return React.createElement(
+    "svg",
+    {
+      ...svgBaseProps,
+      ...props,
+      ...accessibilityProps,
+      width: width ?? size,
+      height: height ?? size,
+      focusable: "false",
+    },
+    children
+  );
+}

package/dist/react/icons/WatchOutline200.d.ts

@@ -0,0 +1,6 @@
+// AUTO-GENERATED by AlmaIconsResolver
+
+import type { AlmaReactIconProps } from "../index.js";
+
+declare function WatchOutline200(props: AlmaReactIconProps): import("react").ReactElement | null;
+export default WatchOutline200;

package/dist/react/icons/WatchOutline200.js

@@ -0,0 +1,47 @@
+// AUTO-GENERATED by AlmaIconsResolver
+
+import * as React from "react";
+
+const svgBaseProps = {
+  "viewBox": "0 0 24 24",
+  "fill": "none",
+  "xmlns": "http://www.w3.org/2000/svg"
+};
+const svgInner = "<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M14.5 0.5C15.3284 0.5 16 1.17157 16 2V5.5498C17.1411 5.78142 18 6.79051 18 8V16C18 17.2094 17.141 18.2175 16 18.4492V22C16 22.8284 15.3284 23.5 14.5 23.5H9.5C8.67161 23.5 8 22.8284 8 22V18.4492C6.85899 18.2175 6 17.2094 6 16L6.00098 8C6.00107 6.79058 6.8599 5.78145 8.00098 5.5498V2C8.001 1.17161 8.67255 0.5 9.50098 0.5H14.5ZM9 22C9 22.2761 9.22385 22.5 9.5 22.5H14.5C14.7761 22.5 15 22.2761 15 22V18.5H9V22ZM8.50098 6.5C7.67259 6.5 7.00104 7.17162 7.00098 8L7 16C7 16.8284 7.67164 17.4999 8.5 17.5H15.5C16.3284 17.5 17 16.8284 17 16V8C17 7.17157 16.3284 6.5 15.5 6.5H8.50098ZM9.50098 1.5C9.22486 1.5 9.00099 1.72385 9.00098 2V5.5H15V2C15 1.75829 14.8286 1.55629 14.6006 1.50977L14.5 1.5H9.50098Z\" fill=\"currentColor\"/>";
+
+export default function WatchOutline200({
+  size = "1em",
+  title,
+  decorative = true,
+  width,
+  height,
+  ...props
+}) {
+  const accessibilityProps =
+    decorative || !title ? { "aria-hidden": "true" } : { role: "img" };
+  const children = [];
+
+  if (title && !decorative) {
+    children.push(React.createElement("title", { key: "title" }, title));
+  }
+
+  children.push(
+    React.createElement("g", {
+      key: "icon",
+      dangerouslySetInnerHTML: { __html: svgInner },
+    })
+  );
+
+  return React.createElement(
+    "svg",
+    {
+      ...svgBaseProps,
+      ...props,
+      ...accessibilityProps,
+      width: width ?? size,
+      height: height ?? size,
+      focusable: "false",
+    },
+    children
+  );
+}

package/dist/react/icons/WatchOutline300.d.ts

@@ -0,0 +1,6 @@
+// AUTO-GENERATED by AlmaIconsResolver
+
+import type { AlmaReactIconProps } from "../index.js";
+
+declare function WatchOutline300(props: AlmaReactIconProps): import("react").ReactElement | null;
+export default WatchOutline300;

package/dist/react/icons/WatchOutline300.js

@@ -0,0 +1,47 @@
+// AUTO-GENERATED by AlmaIconsResolver
+
+import * as React from "react";
+
+const svgBaseProps = {
+  "viewBox": "0 0 24 24",
+  "fill": "none",
+  "xmlns": "http://www.w3.org/2000/svg"
+};
+const svgInner = "<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M14.5 0.25C15.4665 0.25 16.25 1.0335 16.25 2V5.35645C17.4039 5.68316 18.25 6.7415 18.25 8V16C18.25 17.2584 17.4037 18.3158 16.25 18.6426V22C16.25 22.9665 15.4665 23.75 14.5 23.75H9.5C8.53355 23.75 7.75 22.9665 7.75 22V18.6426C6.5963 18.3157 5.75 17.2583 5.75 16L5.75098 8C5.75107 6.74158 6.59719 5.68319 7.75098 5.35645V2C7.751 1.03355 8.53447 0.25 9.50098 0.25H14.5ZM9.25 22C9.25 22.138 9.36192 22.25 9.5 22.25H14.5L14.5508 22.2451C14.6645 22.2217 14.75 22.1207 14.75 22V18.75H9.25V22ZM8.50098 6.75C7.81066 6.75 7.25103 7.30968 7.25098 8L7.25 16C7.25 16.6903 7.80971 17.2499 8.5 17.25H15.5C16.1904 17.25 16.75 16.6904 16.75 16V8C16.75 7.30964 16.1904 6.75 15.5 6.75H8.50098ZM9.50098 1.75C9.36294 1.75 9.25099 1.86191 9.25098 2V5.25H14.75V2C14.75 1.87931 14.6645 1.77833 14.5508 1.75488L14.5 1.75H9.50098Z\" fill=\"currentColor\"/>";
+
+export default function WatchOutline300({
+  size = "1em",
+  title,
+  decorative = true,
+  width,
+  height,
+  ...props
+}) {
+  const accessibilityProps =
+    decorative || !title ? { "aria-hidden": "true" } : { role: "img" };
+  const children = [];
+
+  if (title && !decorative) {
+    children.push(React.createElement("title", { key: "title" }, title));
+  }
+
+  children.push(
+    React.createElement("g", {
+      key: "icon",
+      dangerouslySetInnerHTML: { __html: svgInner },
+    })
+  );
+
+  return React.createElement(
+    "svg",
+    {
+      ...svgBaseProps,
+      ...props,
+      ...accessibilityProps,
+      width: width ?? size,
+      height: height ?? size,
+      focusable: "false",
+    },
+    children
+  );
+}

package/dist/react/icons/WatchOutline400.d.ts

@@ -0,0 +1,6 @@
+// AUTO-GENERATED by AlmaIconsResolver
+
+import type { AlmaReactIconProps } from "../index.js";
+
+declare function WatchOutline400(props: AlmaReactIconProps): import("react").ReactElement | null;
+export default WatchOutline400;

package/dist/react/icons/WatchOutline400.js

@@ -0,0 +1,47 @@
+// AUTO-GENERATED by AlmaIconsResolver
+
+import * as React from "react";
+
+const svgBaseProps = {
+  "viewBox": "0 0 24 24",
+  "fill": "none",
+  "xmlns": "http://www.w3.org/2000/svg"
+};
+const svgInner = "<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M14.5 0C15.6046 5.36442e-07 16.5 0.89543 16.5 2V5.17383C17.6647 5.58594 18.5 6.69415 18.5 8V16C18.5 17.3057 17.6645 18.413 16.5 18.8252V22C16.5 23.1046 15.6046 24 14.5 24H9.5C8.39549 24 7.5 23.1046 7.5 22V18.8252C6.3355 18.413 5.5 17.3057 5.5 16L5.50098 8C5.50108 6.69423 6.33637 5.58597 7.50098 5.17383V2C7.50101 0.895487 8.39639 0 9.50098 0H14.5ZM9.5 22H14.5V19H9.5V22ZM8.50098 7C7.94872 7 7.50102 7.44775 7.50098 8L7.5 16C7.5 16.5522 7.94778 16.9999 8.5 17H15.5C16.0523 17 16.5 16.5523 16.5 16V8C16.5 7.44771 16.0523 7 15.5 7H8.50098ZM9.50098 5H14.5V2H9.50098V5Z\" fill=\"currentColor\"/>";
+
+export default function WatchOutline400({
+  size = "1em",
+  title,
+  decorative = true,
+  width,
+  height,
+  ...props
+}) {
+  const accessibilityProps =
+    decorative || !title ? { "aria-hidden": "true" } : { role: "img" };
+  const children = [];
+
+  if (title && !decorative) {
+    children.push(React.createElement("title", { key: "title" }, title));
+  }
+
+  children.push(
+    React.createElement("g", {
+      key: "icon",
+      dangerouslySetInnerHTML: { __html: svgInner },
+    })
+  );
+
+  return React.createElement(
+    "svg",
+    {
+      ...svgBaseProps,
+      ...props,
+      ...accessibilityProps,
+      width: width ?? size,
+      height: height ?? size,
+      focusable: "false",
+    },
+    children
+  );
+}

package/dist/react/icons/WatchOutline500.d.ts

@@ -0,0 +1,6 @@
+// AUTO-GENERATED by AlmaIconsResolver
+
+import type { AlmaReactIconProps } from "../index.js";
+
+declare function WatchOutline500(props: AlmaReactIconProps): import("react").ReactElement | null;
+export default WatchOutline500;

package/dist/react/icons/WatchOutline500.js

@@ -0,0 +1,47 @@
+// AUTO-GENERATED by AlmaIconsResolver
+
+import * as React from "react";
+
+const svgBaseProps = {
+  "viewBox": "0 0 24 24",
+  "fill": "none",
+  "xmlns": "http://www.w3.org/2000/svg"
+};
+const svgInner = "<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M14.5 0.25C15.7426 0.25 16.75 1.25736 16.75 2.5V5C17.9243 5.48986 18.75 6.64815 18.75 8V16C18.75 17.3517 17.9241 18.5091 16.75 18.999V21.5C16.75 22.7426 15.7426 23.75 14.5 23.75H9.5C8.25743 23.75 7.25 22.7427 7.25 21.5V18.999C6.07589 18.5091 5.25 17.3517 5.25 16L5.25098 8C5.25108 6.64824 6.07675 5.48989 7.25098 5V2.5C7.25101 1.25743 8.25831 0.25 9.50098 0.25H14.5ZM9.75 21.25H14.25V19.25H9.75V21.25ZM8.50098 7.25C8.08679 7.25 7.75101 7.58581 7.75098 8L7.75 16C7.75 16.4142 8.08585 16.7499 8.5 16.75H15.5C15.9142 16.75 16.25 16.4142 16.25 16V8C16.25 7.58578 15.9142 7.25 15.5 7.25H8.50098ZM9.75098 4.75H14.25V2.75H9.75098V4.75Z\" fill=\"currentColor\"/>";
+
+export default function WatchOutline500({
+  size = "1em",
+  title,
+  decorative = true,
+  width,
+  height,
+  ...props
+}) {
+  const accessibilityProps =
+    decorative || !title ? { "aria-hidden": "true" } : { role: "img" };
+  const children = [];
+
+  if (title && !decorative) {
+    children.push(React.createElement("title", { key: "title" }, title));
+  }
+
+  children.push(
+    React.createElement("g", {
+      key: "icon",
+      dangerouslySetInnerHTML: { __html: svgInner },
+    })
+  );
+
+  return React.createElement(
+    "svg",
+    {
+      ...svgBaseProps,
+      ...props,
+      ...accessibilityProps,
+      width: width ?? size,
+      height: height ?? size,
+      focusable: "false",
+    },
+    children
+  );
+}

package/dist/react/icons/index.d.ts

@@ -5791,6 +5791,16 @@ export { default as WashingMachineOutline200 } from "./WashingMachineOutline200.
 export { default as WashingMachineOutline300 } from "./WashingMachineOutline300.js";
 export { default as WashingMachineOutline400 } from "./WashingMachineOutline400.js";
 export { default as WashingMachineOutline500 } from "./WashingMachineOutline500.js";
+export { default as WatchFill100 } from "./WatchFill100.js";
+export { default as WatchFill200 } from "./WatchFill200.js";
+export { default as WatchFill300 } from "./WatchFill300.js";
+export { default as WatchFill400 } from "./WatchFill400.js";
+export { default as WatchFill500 } from "./WatchFill500.js";
+export { default as WatchOutline100 } from "./WatchOutline100.js";
+export { default as WatchOutline200 } from "./WatchOutline200.js";
+export { default as WatchOutline300 } from "./WatchOutline300.js";
+export { default as WatchOutline400 } from "./WatchOutline400.js";
+export { default as WatchOutline500 } from "./WatchOutline500.js";
 export { default as WaterDropFill100 } from "./WaterDropFill100.js";
 export { default as WaterDropFill200 } from "./WaterDropFill200.js";
 export { default as WaterDropFill300 } from "./WaterDropFill300.js";