alma-icons 3.2.1 → 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.2.1-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,11 +10,11 @@
 
 Alma Icons is a **production-ready icon system** designed for scalable UI products.
 
-The library includes **1206 icons** (603 outline, 603 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.
 
-- **1206 icons** (603 outline, 603 fill)
+- **1214 icons** (607 outline, 607 fill)
 - **2 styles**: `fill` & `outline`
 - **5 weights**: `100` - `500`
 - Stable, scalable taxonomy

package/dist/manifest.js

@@ -4302,6 +4302,16 @@ export const iconManifest = {
   "resizeVertical_outline_300": () => import("../icons/resizeVertical_outline_300.svg"),
   "resizeVertical_outline_400": () => import("../icons/resizeVertical_outline_400.svg"),
   "resizeVertical_outline_500": () => import("../icons/resizeVertical_outline_500.svg"),
+  "resolution4k_fill_100": () => import("../icons/resolution4k_fill_100.svg"),
+  "resolution4k_fill_200": () => import("../icons/resolution4k_fill_200.svg"),
+  "resolution4k_fill_300": () => import("../icons/resolution4k_fill_300.svg"),
+  "resolution4k_fill_400": () => import("../icons/resolution4k_fill_400.svg"),
+  "resolution4k_fill_500": () => import("../icons/resolution4k_fill_500.svg"),
+  "resolution4k_outline_100": () => import("../icons/resolution4k_outline_100.svg"),
+  "resolution4k_outline_200": () => import("../icons/resolution4k_outline_200.svg"),
+  "resolution4k_outline_300": () => import("../icons/resolution4k_outline_300.svg"),
+  "resolution4k_outline_400": () => import("../icons/resolution4k_outline_400.svg"),
+  "resolution4k_outline_500": () => import("../icons/resolution4k_outline_500.svg"),
   "returnKey_fill_100": () => import("../icons/returnKey_fill_100.svg"),
   "returnKey_fill_200": () => import("../icons/returnKey_fill_200.svg"),
   "returnKey_fill_300": () => import("../icons/returnKey_fill_300.svg"),
@@ -4972,6 +4982,36 @@ export const iconManifest = {
   "table_outline_300": () => import("../icons/table_outline_300.svg"),
   "table_outline_400": () => import("../icons/table_outline_400.svg"),
   "table_outline_500": () => import("../icons/table_outline_500.svg"),
+  "tablet_fill_100": () => import("../icons/tablet_fill_100.svg"),
+  "tablet_fill_200": () => import("../icons/tablet_fill_200.svg"),
+  "tablet_fill_300": () => import("../icons/tablet_fill_300.svg"),
+  "tablet_fill_400": () => import("../icons/tablet_fill_400.svg"),
+  "tablet_fill_500": () => import("../icons/tablet_fill_500.svg"),
+  "tablet_outline_100": () => import("../icons/tablet_outline_100.svg"),
+  "tablet_outline_200": () => import("../icons/tablet_outline_200.svg"),
+  "tablet_outline_300": () => import("../icons/tablet_outline_300.svg"),
+  "tablet_outline_400": () => import("../icons/tablet_outline_400.svg"),
+  "tablet_outline_500": () => import("../icons/tablet_outline_500.svg"),
+  "tabletAlt_fill_100": () => import("../icons/tabletAlt_fill_100.svg"),
+  "tabletAlt_fill_200": () => import("../icons/tabletAlt_fill_200.svg"),
+  "tabletAlt_fill_300": () => import("../icons/tabletAlt_fill_300.svg"),
+  "tabletAlt_fill_400": () => import("../icons/tabletAlt_fill_400.svg"),
+  "tabletAlt_fill_500": () => import("../icons/tabletAlt_fill_500.svg"),
+  "tabletAlt_outline_100": () => import("../icons/tabletAlt_outline_100.svg"),
+  "tabletAlt_outline_200": () => import("../icons/tabletAlt_outline_200.svg"),
+  "tabletAlt_outline_300": () => import("../icons/tabletAlt_outline_300.svg"),
+  "tabletAlt_outline_400": () => import("../icons/tabletAlt_outline_400.svg"),
+  "tabletAlt_outline_500": () => import("../icons/tabletAlt_outline_500.svg"),
+  "tabletHorizontal_fill_100": () => import("../icons/tabletHorizontal_fill_100.svg"),
+  "tabletHorizontal_fill_200": () => import("../icons/tabletHorizontal_fill_200.svg"),
+  "tabletHorizontal_fill_300": () => import("../icons/tabletHorizontal_fill_300.svg"),
+  "tabletHorizontal_fill_400": () => import("../icons/tabletHorizontal_fill_400.svg"),
+  "tabletHorizontal_fill_500": () => import("../icons/tabletHorizontal_fill_500.svg"),
+  "tabletHorizontal_outline_100": () => import("../icons/tabletHorizontal_outline_100.svg"),
+  "tabletHorizontal_outline_200": () => import("../icons/tabletHorizontal_outline_200.svg"),
+  "tabletHorizontal_outline_300": () => import("../icons/tabletHorizontal_outline_300.svg"),
+  "tabletHorizontal_outline_400": () => import("../icons/tabletHorizontal_outline_400.svg"),
+  "tabletHorizontal_outline_500": () => import("../icons/tabletHorizontal_outline_500.svg"),
   "tabs_fill_100": () => import("../icons/tabs_fill_100.svg"),
   "tabs_fill_200": () => import("../icons/tabs_fill_200.svg"),
   "tabs_fill_300": () => import("../icons/tabs_fill_300.svg"),
@@ -5752,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

@@ -432,6 +432,7 @@ export type AlmaIconName =
   | "resizeCorner"
   | "resizeHorizontal"
   | "resizeVertical"
+  | "resolution4k"
   | "returnKey"
   | "reverseGear"
   | "rhombus"
@@ -499,6 +500,9 @@ export type AlmaIconName =
   | "sunLevel1"
   | "tabKey"
   | "table"
+  | "tablet"
+  | "tabletAlt"
+  | "tabletHorizontal"
   | "tabs"
   | "tap"
   | "target"
@@ -577,6 +581,7 @@ export type AlmaIconName =
   | "wallet"
   | "warning"
   | "washingMachine"
+  | "watch"
   | "waterDrop"
   | "waterDropDetailes"
   | "waterDropDisabled"

package/dist/metadata.js

@@ -432,6 +432,7 @@ export const iconNames = [
   "resizeCorner",
   "resizeHorizontal",
   "resizeVertical",
+  "resolution4k",
   "returnKey",
   "reverseGear",
   "rhombus",
@@ -499,6 +500,9 @@ export const iconNames = [
   "sunLevel1",
   "tabKey",
   "table",
+  "tablet",
+  "tabletAlt",
+  "tabletHorizontal",
   "tabs",
   "tap",
   "target",
@@ -577,6 +581,7 @@ export const iconNames = [
   "wallet",
   "warning",
   "washingMachine",
+  "watch",
   "waterDrop",
   "waterDropDetailes",
   "waterDropDisabled",
@@ -4900,6 +4905,16 @@ export const iconFullNames = [
   "resizeVertical_outline_300",
   "resizeVertical_outline_400",
   "resizeVertical_outline_500",
+  "resolution4k_fill_100",
+  "resolution4k_fill_200",
+  "resolution4k_fill_300",
+  "resolution4k_fill_400",
+  "resolution4k_fill_500",
+  "resolution4k_outline_100",
+  "resolution4k_outline_200",
+  "resolution4k_outline_300",
+  "resolution4k_outline_400",
+  "resolution4k_outline_500",
   "returnKey_fill_100",
   "returnKey_fill_200",
   "returnKey_fill_300",
@@ -5570,6 +5585,36 @@ export const iconFullNames = [
   "table_outline_300",
   "table_outline_400",
   "table_outline_500",
+  "tablet_fill_100",
+  "tablet_fill_200",
+  "tablet_fill_300",
+  "tablet_fill_400",
+  "tablet_fill_500",
+  "tablet_outline_100",
+  "tablet_outline_200",
+  "tablet_outline_300",
+  "tablet_outline_400",
+  "tablet_outline_500",
+  "tabletAlt_fill_100",
+  "tabletAlt_fill_200",
+  "tabletAlt_fill_300",
+  "tabletAlt_fill_400",
+  "tabletAlt_fill_500",
+  "tabletAlt_outline_100",
+  "tabletAlt_outline_200",
+  "tabletAlt_outline_300",
+  "tabletAlt_outline_400",
+  "tabletAlt_outline_500",
+  "tabletHorizontal_fill_100",
+  "tabletHorizontal_fill_200",
+  "tabletHorizontal_fill_300",
+  "tabletHorizontal_fill_400",
+  "tabletHorizontal_fill_500",
+  "tabletHorizontal_outline_100",
+  "tabletHorizontal_outline_200",
+  "tabletHorizontal_outline_300",
+  "tabletHorizontal_outline_400",
+  "tabletHorizontal_outline_500",
   "tabs_fill_100",
   "tabs_fill_200",
   "tabs_fill_300",
@@ -6345,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/Resolution4kFill100.d.ts

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

package/dist/react/icons/Resolution4kFill100.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 d=\"M9.48047 14.1865H5.06934L9.48047 7.57031V14.1865Z\" fill=\"currentColor\"/>\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M21 3.5C22.1044 3.5002 23 4.39555 23 5.5V18.5C23 19.6044 22.1044 20.4998 21 20.5H3C1.89559 20.4998 0.999998 19.6044 1 18.5L1.00098 5.5C1.0011 4.39574 1.8968 3.50036 3.00098 3.5H21ZM9.42969 6.74414L4.39453 14.2979C4.34368 14.3745 4.33846 14.4736 4.38184 14.5547C4.42541 14.6356 4.51062 14.6865 4.60254 14.6865H9.48047V17H9.98047V6.74414H9.42969ZM13.3271 6.74414V17H13.8271V6.74414H13.3271ZM18.4277 6.74414L14.0361 11.3799L13.8809 11.543L14.0283 11.7139L18.5576 17H19.2168L14.5537 11.5596L19.1152 6.74414H18.4277Z\" fill=\"currentColor\"/>";
+
+export default function Resolution4kFill100({
+  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/Resolution4kFill200.d.ts

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

package/dist/react/icons/Resolution4kFill200.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 d=\"M9.23047 13.9365H5.53711L9.23047 8.39551V13.9365Z\" fill=\"currentColor\"/>\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M21 3.5C22.1044 3.5002 23 4.39555 23 5.5V18.5C23 19.6044 22.1044 20.4998 21 20.5H3C1.89559 20.4998 0.999998 19.6044 1 18.5L1.00098 5.5C1.0011 4.39574 1.8968 3.50036 3.00098 3.5H21ZM9.12891 6.74414L4.18652 14.1592C4.0846 14.3125 4.0753 14.5095 4.16211 14.6719C4.24915 14.8341 4.41839 14.9364 4.60254 14.9365H9.23047V17H10.2305V6.74414H9.12891ZM13.0771 6.74414V17H14.0771V12.1562L18.2285 17H19.5459L14.8906 11.5684L19.46 6.74414H18.083L14.0771 10.9727V6.74414H13.0771Z\" fill=\"currentColor\"/>";
+
+export default function Resolution4kFill200({
+  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/Resolution4kFill300.d.ts

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

package/dist/react/icons/Resolution4kFill300.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 d=\"M8.97949 13.6865H6.00391L8.97949 9.22266V13.6865Z\" fill=\"currentColor\"/>\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M21 3.5C22.1044 3.5002 23 4.39555 23 5.5V18.5C23 19.6044 22.1044 20.4998 21 20.5H3C1.89559 20.4998 0.999998 19.6044 1 18.5L1.00098 5.5C1.0011 4.39574 1.8968 3.50036 3.00098 3.5H21ZM8.8291 6.74414L3.97852 14.0205C3.82529 14.2506 3.81102 14.5463 3.94141 14.79C4.07202 15.0335 4.32619 15.1865 4.60254 15.1865H8.97949V17H10.4795V6.74414H8.8291ZM12.8271 6.74414V17H14.3271V12.832L17.8994 17H19.876L15.2266 11.5762L19.8047 6.74414H17.7383L14.3271 10.3457V6.74414H12.8271Z\" fill=\"currentColor\"/>";
+
+export default function Resolution4kFill300({
+  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/Resolution4kFill400.d.ts

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

package/dist/react/icons/Resolution4kFill400.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 d=\"M8.73047 13.4365H6.4707L8.73047 10.0469V13.4365Z\" fill=\"currentColor\"/>\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M21 3.5C22.1044 3.5002 23 4.39555 23 5.5V18.5C23 19.6044 22.1044 20.4998 21 20.5H3C1.89559 20.4998 0.999998 19.6044 1 18.5L1.00098 5.5C1.0011 4.39574 1.8968 3.50036 3.00098 3.5H21ZM8.52832 6.74414L3.77051 13.8818C3.56619 14.1886 3.54681 14.5832 3.7207 14.9082C3.89479 15.2331 4.23392 15.4365 4.60254 15.4365H8.73047V17H10.7305V6.74414H8.52832ZM12.5771 6.74414V17H14.5771V13.5068L17.5703 17H20.2041L15.5625 11.584L20.1484 6.74414H17.3945L14.5771 9.71875V6.74414H12.5771Z\" fill=\"currentColor\"/>";
+
+export default function Resolution4kFill400({
+  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/Resolution4kFill500.d.ts

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

package/dist/react/icons/Resolution4kFill500.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 d=\"M8.48047 13.1865H6.93848L8.48047 10.873V13.1865Z\" fill=\"currentColor\"/>\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M21 3.5C22.1044 3.5002 23 4.39555 23 5.5V18.5C23 19.6044 22.1044 20.4998 21 20.5H3C1.89559 20.4998 0.999998 19.6044 1 18.5L1.00098 5.5C1.0011 4.39574 1.8968 3.50036 3.00098 3.5H21ZM8.22754 6.74414L3.5625 13.7432C3.30715 14.1266 3.28267 14.6201 3.5 15.0264C3.71754 15.4325 4.1418 15.6864 4.60254 15.6865H8.48047V17H10.9805V6.74414H8.22754ZM12.3271 6.74414V17H14.8271V14.1836L17.2412 17H20.5332L15.8994 11.5928L20.4932 6.74414H17.0498L14.8271 9.0918V6.74414H12.3271Z\" fill=\"currentColor\"/>";
+
+export default function Resolution4kFill500({
+  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/Resolution4kOutline100.d.ts

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

package/dist/react/icons/Resolution4kOutline100.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=\"M9.98047 17H9.48047V14.6865H4.60254C4.51062 14.6865 4.4254 14.6356 4.38184 14.5547C4.33846 14.4736 4.34368 14.3745 4.39453 14.2979L9.42969 6.74414H9.98047V17ZM5.06934 14.1865H9.48047V7.57031L5.06934 14.1865Z\" fill=\"currentColor\"/>\n<path d=\"M13.8271 17H13.3271V6.74414H13.8271V17Z\" fill=\"currentColor\"/>\n<path d=\"M14.5537 11.5596L19.2168 17H18.5576L14.0283 11.7139L13.8809 11.543L14.0361 11.3799L18.4277 6.74414H19.1152L14.5537 11.5596Z\" fill=\"currentColor\"/>\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M21 3.25C22.2425 3.2502 23.25 4.25748 23.25 5.5V18.5C23.25 19.7425 22.2425 20.7498 21 20.75H3C1.75761 20.7497 0.749997 19.7424 0.75 18.5L0.751953 5.5C0.752089 4.25758 1.75958 3.2502 3.00195 3.25H21ZM3.00195 3.75C2.0357 3.7502 1.25206 4.5337 1.25195 5.5L1.25 18.5C1.25 19.4663 2.03376 20.2497 3 20.25H21C21.9663 20.2498 22.75 19.4664 22.75 18.5V5.5C22.75 4.53362 21.9663 3.7502 21 3.75H3.00195Z\" fill=\"currentColor\"/>";
+
+export default function Resolution4kOutline100({
+  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/Resolution4kOutline200.d.ts

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

package/dist/react/icons/Resolution4kOutline200.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=\"M10.2305 17H9.23047V14.9365H4.60352C4.41942 14.9365 4.25022 14.834 4.16309 14.6719C4.07621 14.5094 4.08538 14.3125 4.1875 14.1592L9.12988 6.74414H10.2305V17ZM5.53809 13.9365H9.23047V8.39746L5.53809 13.9365Z\" fill=\"currentColor\"/>\n<path d=\"M14.0771 10.9727L18.083 6.74414H19.46L14.8906 11.5684L19.5459 17H18.2285L14.0771 12.1562V17H13.0771V6.74414H14.0771V10.9727Z\" fill=\"currentColor\"/>\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M21 3C22.3805 3.0002 23.5 4.11941 23.5 5.5V18.5C23.5 19.8806 22.3805 20.9998 21 21H3C1.61954 20.9997 0.499997 19.8805 0.5 18.5L0.501953 5.5C0.502104 4.11952 1.62152 3.0002 3.00195 3H21ZM3.00195 4C2.17376 4.0002 1.50204 4.67176 1.50195 5.5L1.5 18.5C1.5 19.3282 2.17183 19.9997 3 20H21C21.8283 19.9998 22.5 19.3283 22.5 18.5V5.5C22.5 4.67169 21.8283 4.0002 21 4H3.00195Z\" fill=\"currentColor\"/>";
+
+export default function Resolution4kOutline200({
+  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/Resolution4kOutline300.d.ts

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

package/dist/react/icons/Resolution4kOutline300.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=\"M10.4795 17H8.97949V15.1865H4.60254C4.32619 15.1865 4.07202 15.0335 3.94141 14.79C3.81102 14.5463 3.82529 14.2506 3.97852 14.0205L8.8291 6.74414H10.4795V17ZM6.00391 13.6865H8.97949V9.22266L6.00391 13.6865Z\" fill=\"currentColor\"/>\n<path d=\"M14.3271 10.3457L17.7383 6.74414H19.8047L15.2266 11.5762L19.876 17H17.8994L14.3271 12.832V17H12.8271V6.74414H14.3271V10.3457Z\" fill=\"currentColor\"/>\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M21 2.75C22.5186 2.7502 23.75 3.98134 23.75 5.5V18.5C23.75 20.0187 22.5186 21.2498 21 21.25H3C1.48147 21.2497 0.249997 20.0186 0.25 18.5L0.251953 5.5C0.252119 3.98146 1.48346 2.7502 3.00195 2.75H21ZM3.00195 4.25C2.31182 4.2502 1.75203 4.80982 1.75195 5.5L1.75 18.5C1.75 19.1902 2.30991 19.7497 3 19.75H21C21.6902 19.7498 22.25 19.1902 22.25 18.5V5.5C22.25 4.80976 21.6902 4.2502 21 4.25H3.00195Z\" fill=\"currentColor\"/>";
+
+export default function Resolution4kOutline300({
+  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
+  );
+}