alma-icons 3.6.1 → 3.7.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.6.1-green)
+![Version](https://img.shields.io/badge/version-3.7.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 **1224 icons** (612 outline, 612 fill) built on a consistent **100–500 weight stroke system** with a stable, versioned taxonomy.
+The library includes **1228 icons** (616 outline, 616 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.
 
-- **1224 icons** (612 outline, 612 fill)
+- **1228 icons** (616 outline, 616 fill)
 - **2 styles**: `fill` & `outline`
 - **5 weights**: `100` - `500`
 - Stable, scalable taxonomy

package/dist/manifest.js

@@ -291,6 +291,26 @@ export const iconManifest = {
   "arrowBottom_outline_300": () => import("../icons/arrowBottom_outline_300.svg"),
   "arrowBottom_outline_400": () => import("../icons/arrowBottom_outline_400.svg"),
   "arrowBottom_outline_500": () => import("../icons/arrowBottom_outline_500.svg"),
+  "arrowBottomLeft_fill_100": () => import("../icons/arrowBottomLeft_fill_100.svg"),
+  "arrowBottomLeft_fill_200": () => import("../icons/arrowBottomLeft_fill_200.svg"),
+  "arrowBottomLeft_fill_300": () => import("../icons/arrowBottomLeft_fill_300.svg"),
+  "arrowBottomLeft_fill_400": () => import("../icons/arrowBottomLeft_fill_400.svg"),
+  "arrowBottomLeft_fill_500": () => import("../icons/arrowBottomLeft_fill_500.svg"),
+  "arrowBottomLeft_outline_100": () => import("../icons/arrowBottomLeft_outline_100.svg"),
+  "arrowBottomLeft_outline_200": () => import("../icons/arrowBottomLeft_outline_200.svg"),
+  "arrowBottomLeft_outline_300": () => import("../icons/arrowBottomLeft_outline_300.svg"),
+  "arrowBottomLeft_outline_400": () => import("../icons/arrowBottomLeft_outline_400.svg"),
+  "arrowBottomLeft_outline_500": () => import("../icons/arrowBottomLeft_outline_500.svg"),
+  "arrowBottomRight_fill_100": () => import("../icons/arrowBottomRight_fill_100.svg"),
+  "arrowBottomRight_fill_200": () => import("../icons/arrowBottomRight_fill_200.svg"),
+  "arrowBottomRight_fill_300": () => import("../icons/arrowBottomRight_fill_300.svg"),
+  "arrowBottomRight_fill_400": () => import("../icons/arrowBottomRight_fill_400.svg"),
+  "arrowBottomRight_fill_500": () => import("../icons/arrowBottomRight_fill_500.svg"),
+  "arrowBottomRight_outline_100": () => import("../icons/arrowBottomRight_outline_100.svg"),
+  "arrowBottomRight_outline_200": () => import("../icons/arrowBottomRight_outline_200.svg"),
+  "arrowBottomRight_outline_300": () => import("../icons/arrowBottomRight_outline_300.svg"),
+  "arrowBottomRight_outline_400": () => import("../icons/arrowBottomRight_outline_400.svg"),
+  "arrowBottomRight_outline_500": () => import("../icons/arrowBottomRight_outline_500.svg"),
   "arrowDown_fill_100": () => import("../icons/arrowDown_fill_100.svg"),
   "arrowDown_fill_200": () => import("../icons/arrowDown_fill_200.svg"),
   "arrowDown_fill_300": () => import("../icons/arrowDown_fill_300.svg"),
@@ -361,6 +381,26 @@ export const iconManifest = {
   "arrowTop_outline_300": () => import("../icons/arrowTop_outline_300.svg"),
   "arrowTop_outline_400": () => import("../icons/arrowTop_outline_400.svg"),
   "arrowTop_outline_500": () => import("../icons/arrowTop_outline_500.svg"),
+  "arrowTopLeft_fill_100": () => import("../icons/arrowTopLeft_fill_100.svg"),
+  "arrowTopLeft_fill_200": () => import("../icons/arrowTopLeft_fill_200.svg"),
+  "arrowTopLeft_fill_300": () => import("../icons/arrowTopLeft_fill_300.svg"),
+  "arrowTopLeft_fill_400": () => import("../icons/arrowTopLeft_fill_400.svg"),
+  "arrowTopLeft_fill_500": () => import("../icons/arrowTopLeft_fill_500.svg"),
+  "arrowTopLeft_outline_100": () => import("../icons/arrowTopLeft_outline_100.svg"),
+  "arrowTopLeft_outline_200": () => import("../icons/arrowTopLeft_outline_200.svg"),
+  "arrowTopLeft_outline_300": () => import("../icons/arrowTopLeft_outline_300.svg"),
+  "arrowTopLeft_outline_400": () => import("../icons/arrowTopLeft_outline_400.svg"),
+  "arrowTopLeft_outline_500": () => import("../icons/arrowTopLeft_outline_500.svg"),
+  "arrowTopRight_fill_100": () => import("../icons/arrowTopRight_fill_100.svg"),
+  "arrowTopRight_fill_200": () => import("../icons/arrowTopRight_fill_200.svg"),
+  "arrowTopRight_fill_300": () => import("../icons/arrowTopRight_fill_300.svg"),
+  "arrowTopRight_fill_400": () => import("../icons/arrowTopRight_fill_400.svg"),
+  "arrowTopRight_fill_500": () => import("../icons/arrowTopRight_fill_500.svg"),
+  "arrowTopRight_outline_100": () => import("../icons/arrowTopRight_outline_100.svg"),
+  "arrowTopRight_outline_200": () => import("../icons/arrowTopRight_outline_200.svg"),
+  "arrowTopRight_outline_300": () => import("../icons/arrowTopRight_outline_300.svg"),
+  "arrowTopRight_outline_400": () => import("../icons/arrowTopRight_outline_400.svg"),
+  "arrowTopRight_outline_500": () => import("../icons/arrowTopRight_outline_500.svg"),
   "arrowUp_fill_100": () => import("../icons/arrowUp_fill_100.svg"),
   "arrowUp_fill_200": () => import("../icons/arrowUp_fill_200.svg"),
   "arrowUp_fill_300": () => import("../icons/arrowUp_fill_300.svg"),

package/dist/metadata.d.ts

@@ -30,6 +30,8 @@ export type AlmaIconName =
   | "arcMinute"
   | "arrowBack"
   | "arrowBottom"
+  | "arrowBottomLeft"
+  | "arrowBottomRight"
   | "arrowDown"
   | "arrowForward"
   | "arrowLeft"
@@ -37,6 +39,8 @@ export type AlmaIconName =
   | "arrowsHorizontal"
   | "arrowsVertical"
   | "arrowTop"
+  | "arrowTopLeft"
+  | "arrowTopRight"
   | "arrowUp"
   | "atSymbol"
   | "audioWave"

package/dist/metadata.js

@@ -30,6 +30,8 @@ export const iconNames = [
   "arcMinute",
   "arrowBack",
   "arrowBottom",
+  "arrowBottomLeft",
+  "arrowBottomRight",
   "arrowDown",
   "arrowForward",
   "arrowLeft",
@@ -37,6 +39,8 @@ export const iconNames = [
   "arrowsHorizontal",
   "arrowsVertical",
   "arrowTop",
+  "arrowTopLeft",
+  "arrowTopRight",
   "arrowUp",
   "atSymbol",
   "audioWave",
@@ -919,6 +923,26 @@ export const iconFullNames = [
   "arrowBottom_outline_300",
   "arrowBottom_outline_400",
   "arrowBottom_outline_500",
+  "arrowBottomLeft_fill_100",
+  "arrowBottomLeft_fill_200",
+  "arrowBottomLeft_fill_300",
+  "arrowBottomLeft_fill_400",
+  "arrowBottomLeft_fill_500",
+  "arrowBottomLeft_outline_100",
+  "arrowBottomLeft_outline_200",
+  "arrowBottomLeft_outline_300",
+  "arrowBottomLeft_outline_400",
+  "arrowBottomLeft_outline_500",
+  "arrowBottomRight_fill_100",
+  "arrowBottomRight_fill_200",
+  "arrowBottomRight_fill_300",
+  "arrowBottomRight_fill_400",
+  "arrowBottomRight_fill_500",
+  "arrowBottomRight_outline_100",
+  "arrowBottomRight_outline_200",
+  "arrowBottomRight_outline_300",
+  "arrowBottomRight_outline_400",
+  "arrowBottomRight_outline_500",
   "arrowDown_fill_100",
   "arrowDown_fill_200",
   "arrowDown_fill_300",
@@ -989,6 +1013,26 @@ export const iconFullNames = [
   "arrowTop_outline_300",
   "arrowTop_outline_400",
   "arrowTop_outline_500",
+  "arrowTopLeft_fill_100",
+  "arrowTopLeft_fill_200",
+  "arrowTopLeft_fill_300",
+  "arrowTopLeft_fill_400",
+  "arrowTopLeft_fill_500",
+  "arrowTopLeft_outline_100",
+  "arrowTopLeft_outline_200",
+  "arrowTopLeft_outline_300",
+  "arrowTopLeft_outline_400",
+  "arrowTopLeft_outline_500",
+  "arrowTopRight_fill_100",
+  "arrowTopRight_fill_200",
+  "arrowTopRight_fill_300",
+  "arrowTopRight_fill_400",
+  "arrowTopRight_fill_500",
+  "arrowTopRight_outline_100",
+  "arrowTopRight_outline_200",
+  "arrowTopRight_outline_300",
+  "arrowTopRight_outline_400",
+  "arrowTopRight_outline_500",
   "arrowUp_fill_100",
   "arrowUp_fill_200",
   "arrowUp_fill_300",

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

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

package/dist/react/icons/ArrowBottomLeftFill100.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=\"M4.52044 20.3039C4.57286 20.2503 4.59827 20.1754 4.5895 20.1009C4.57914 20.0155 4.48797 19.9234 4.305 19.7405L3.81403 19.2495L20.6983 2.36524C20.7959 2.26761 20.7959 2.10932 20.6983 2.01169C20.6006 1.91408 20.4423 1.91407 20.3447 2.01169L3.46047 18.8959L2.9626 18.3981C2.77928 18.2147 2.68704 18.1229 2.60145 18.1129C2.52704 18.1042 2.45272 18.1303 2.39912 18.1826C2.33754 18.2429 2.3206 18.3715 2.28726 18.6287L2.08769 20.1707C2.06515 20.3445 2.05375 20.4314 2.08217 20.4952C2.10713 20.5511 2.15191 20.5959 2.20785 20.6209C2.27164 20.6493 2.35854 20.6379 2.5324 20.6154L4.07436 20.4158C4.33152 20.3825 4.46015 20.3655 4.52044 20.3039Z\" fill=\"currentColor\"/>";
+
+export default function ArrowBottomLeftFill100({
+  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/ArrowBottomLeftFill200.d.ts

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

package/dist/react/icons/ArrowBottomLeftFill200.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=\"M5.22862 20.5548C5.29851 20.4832 5.33285 20.3834 5.32115 20.2841C5.30764 20.17 5.1852 20.0473 4.94067 19.8028L4.40343 19.2656L20.7877 2.88127C20.9827 2.68608 20.9826 2.36936 20.7877 2.17416C20.5926 1.97898 20.2759 1.97914 20.0806 2.17416L3.69633 18.5585L3.15219 18.0143C2.90764 17.7698 2.78504 17.6473 2.67088 17.6338C2.57159 17.6222 2.47172 17.6565 2.4002 17.7264C2.31822 17.8068 2.29616 17.9785 2.25173 18.3209L1.98518 20.3759C1.95506 20.6081 1.9403 20.7245 1.97828 20.8096C2.01152 20.8841 2.07092 20.9434 2.14539 20.9767C2.23051 21.0147 2.34686 20.9999 2.57904 20.9698L4.63407 20.7033C4.97661 20.6588 5.14819 20.6368 5.22862 20.5548Z\" fill=\"currentColor\"/>";
+
+export default function ArrowBottomLeftFill200({
+  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/ArrowBottomLeftFill300.d.ts

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

package/dist/react/icons/ArrowBottomLeftFill300.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=\"M5.93546 20.5537C6.02279 20.4643 6.06538 20.3401 6.05078 20.216C6.03397 20.0733 5.88076 19.9203 5.575 19.6146L4.99081 19.0304L20.8752 3.14602C21.168 2.85312 21.168 2.37823 20.8752 2.08536C20.5823 1.79251 20.1074 1.79252 19.8145 2.08536L3.93015 17.9697L3.33905 17.3786C3.03347 17.073 2.88024 16.9198 2.7376 16.9028C2.61344 16.8882 2.48936 16.9308 2.39992 17.0182C2.29715 17.1185 2.26909 17.3326 2.21348 17.7612L1.87995 20.3306C1.84232 20.6207 1.82362 20.7663 1.87098 20.8727C1.91253 20.9659 1.9871 21.0403 2.08021 21.0819C2.18661 21.1294 2.33205 21.1106 2.62228 21.073L5.19175 20.7394C5.62056 20.6838 5.83505 20.6565 5.93546 20.5537Z\" fill=\"currentColor\"/>";
+
+export default function ArrowBottomLeftFill300({
+  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/ArrowBottomLeftFill400.d.ts

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

package/dist/react/icons/ArrowBottomLeftFill400.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=\"M6.64286 20.6778C6.74757 20.5705 6.79781 20.4214 6.78028 20.2725C6.76011 20.1013 6.57679 19.9171 6.2099 19.5502L5.57944 18.9197L20.9632 3.53603C21.3535 3.14549 21.3536 2.51227 20.9632 2.12182C20.5727 1.7315 19.9394 1.73155 19.5489 2.12182L4.16523 17.5055L3.52717 16.8675C3.16053 16.5008 2.97674 16.3181 2.80557 16.2978C2.65665 16.2802 2.50754 16.3305 2.40022 16.4352C2.27689 16.5557 2.24324 16.8131 2.17649 17.3274L1.77667 20.4106C1.73146 20.7589 1.70866 20.9334 1.76562 21.0611C1.81555 21.1729 1.90513 21.2625 2.01698 21.3124C2.14466 21.3694 2.31924 21.3466 2.66746 21.3014L5.75 20.9009C6.26455 20.8341 6.52238 20.8012 6.64286 20.6778Z\" fill=\"currentColor\"/>";
+
+export default function ArrowBottomLeftFill400({
+  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/ArrowBottomLeftFill500.d.ts

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

package/dist/react/icons/ArrowBottomLeftFill500.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=\"M6.55448 21.2246C6.65919 21.1173 6.70943 20.9682 6.6919 20.8193C6.67173 20.648 6.48841 20.4639 6.12152 20.097L5.66784 19.6433L21.7594 3.55177C22.2474 3.06361 22.2475 2.27212 21.7594 1.784C21.2712 1.29592 20.4797 1.29599 19.9916 1.784L3.90007 17.8755L3.4388 17.4142C3.07215 17.0476 2.88836 16.8648 2.71719 16.8446C2.56827 16.827 2.41916 16.8773 2.31184 16.982C2.18851 17.1024 2.15486 17.3598 2.08811 17.8741L1.68829 20.9574C1.64309 21.3057 1.62028 21.4802 1.67724 21.6079C1.72717 21.7197 1.81675 21.8093 1.9286 21.8592C2.05628 21.9161 2.23087 21.8934 2.57908 21.8482L5.66162 21.4476C6.17617 21.3809 6.434 21.348 6.55448 21.2246Z\" fill=\"currentColor\"/>";
+
+export default function ArrowBottomLeftFill500({
+  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/ArrowBottomLeftOutline100.d.ts

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

package/dist/react/icons/ArrowBottomLeftOutline100.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=\"M14.0498 22.1525C14.1878 22.1525 14.2997 22.0406 14.2997 21.9025C14.2997 21.7645 14.1878 21.6526 14.0498 21.6526H2.65318L21.0276 3.27814C21.125 3.18049 21.1252 3.02215 21.0276 2.92458C20.93 2.82722 20.7716 2.82722 20.674 2.92458L2.29963 21.299V9.90243C2.29956 9.76441 2.18769 9.65245 2.04966 9.65245C1.91185 9.65272 1.79975 9.76458 1.79968 9.90243V21.8031C1.79997 21.996 1.95684 22.153 2.14978 22.1532L14.0498 22.1525Z\" fill=\"currentColor\"/>";
+
+export default function ArrowBottomLeftOutline100({
+  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/ArrowBottomLeftOutline200.d.ts

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

package/dist/react/icons/ArrowBottomLeftOutline200.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=\"M14.0501 22.4019C14.3262 22.4019 14.55 22.1781 14.55 21.9019C14.5498 21.626 14.3261 21.402 14.0501 21.402H3.25705L21.204 3.45502C21.3993 3.25976 21.3993 2.94318 21.204 2.74791C21.0087 2.55284 20.6921 2.55272 20.4969 2.74791L2.54994 20.6949V9.90184C2.54965 9.62595 2.32596 9.4019 2.05 9.4019C1.77405 9.40192 1.55034 9.62597 1.55005 9.90184V21.8025C1.55026 22.1336 1.81906 22.4024 2.15012 22.4026L14.0501 22.4019Z\" fill=\"currentColor\"/>";
+
+export default function ArrowBottomLeftOutline200({
+  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/ArrowBottomLeftOutline300.d.ts

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

package/dist/react/icons/ArrowBottomLeftOutline300.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=\"M14.0493 22.652C14.4634 22.652 14.7991 22.3162 14.7993 21.9021C14.7993 21.4879 14.4635 21.1522 14.0493 21.1522L3.86051 21.1515L21.3807 3.63126C21.6736 3.33837 21.6736 2.8635 21.3807 2.5706C21.0878 2.27799 20.6129 2.2778 20.3201 2.5706L2.79985 20.0908L2.79916 9.902C2.79916 9.48779 2.46345 9.15208 2.04924 9.15208C1.63518 9.15227 1.29932 9.4879 1.29932 9.902L1.30001 21.802C1.30022 22.2711 1.68023 22.6511 2.14936 22.6513L14.0493 22.652Z\" fill=\"currentColor\"/>";
+
+export default function ArrowBottomLeftOutline300({
+  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/ArrowBottomLeftOutline400.d.ts

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