alma-icons 3.5.0 → 3.6.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.5.0-green)
+![Version](https://img.shields.io/badge/version-3.6.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 **1220 icons** (610 outline, 610 fill) built on a consistent **100–500 weight stroke system** with a stable, versioned taxonomy.
+The library includes **1224 icons** (612 outline, 612 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.
 
-- **1220 icons** (610 outline, 610 fill)
+- **1224 icons** (612 outline, 612 fill)
 - **2 styles**: `fill` & `outline`
 - **5 weights**: `100` - `500`
 - Stable, scalable taxonomy
@@ -77,7 +77,7 @@ React:
 import { SearchOutline400 } from "alma-icons/react/icons";
 
 export function SearchButton() {
-  return <SearchOutline400 size={20} title="Search" decorative={false} />;
+  return <SearchOutline400 />;
 }
 ```
 
@@ -95,7 +95,7 @@ import { SearchOutline400 } from "alma-icons/vue/icons";
 </script>
 
 <template>
-  <SearchOutline400 :size="20" title="Search" :decorative="false" />
+  <SearchOutline400 />
 </template>
 ```
 
@@ -115,7 +115,7 @@ React:
 import { AlmaIcon } from "alma-icons/react";
 
 export function Preview() {
-  return <AlmaIcon name="search" appearance="outline" weight="400" size={20} />;
+  return <AlmaIcon name="search" appearance="outline" weight="400" />;
 }
 ```
 
@@ -127,7 +127,7 @@ import { AlmaIcon } from "alma-icons/vue";
 </script>
 
 <template>
-  <AlmaIcon name="search" appearance="outline" weight="400" :size="20" />
+  <AlmaIcon name="search" appearance="outline" weight="400" />
 </template>
 ```
 

package/dist/manifest.js

@@ -2005,6 +2005,16 @@ export const iconManifest = {
   "expandAll_outline_300": () => import("../icons/expandAll_outline_300.svg"),
   "expandAll_outline_400": () => import("../icons/expandAll_outline_400.svg"),
   "expandAll_outline_500": () => import("../icons/expandAll_outline_500.svg"),
+  "externalLink_fill_100": () => import("../icons/externalLink_fill_100.svg"),
+  "externalLink_fill_200": () => import("../icons/externalLink_fill_200.svg"),
+  "externalLink_fill_300": () => import("../icons/externalLink_fill_300.svg"),
+  "externalLink_fill_400": () => import("../icons/externalLink_fill_400.svg"),
+  "externalLink_fill_500": () => import("../icons/externalLink_fill_500.svg"),
+  "externalLink_outline_100": () => import("../icons/externalLink_outline_100.svg"),
+  "externalLink_outline_200": () => import("../icons/externalLink_outline_200.svg"),
+  "externalLink_outline_300": () => import("../icons/externalLink_outline_300.svg"),
+  "externalLink_outline_400": () => import("../icons/externalLink_outline_400.svg"),
+  "externalLink_outline_500": () => import("../icons/externalLink_outline_500.svg"),
   "eye_fill_100": () => import("../icons/eye_fill_100.svg"),
   "eye_fill_200": () => import("../icons/eye_fill_200.svg"),
   "eye_fill_300": () => import("../icons/eye_fill_300.svg"),
@@ -2965,6 +2975,16 @@ export const iconManifest = {
   "link_outline_300": () => import("../icons/link_outline_300.svg"),
   "link_outline_400": () => import("../icons/link_outline_400.svg"),
   "link_outline_500": () => import("../icons/link_outline_500.svg"),
+  "linkAlt_fill_100": () => import("../icons/linkAlt_fill_100.svg"),
+  "linkAlt_fill_200": () => import("../icons/linkAlt_fill_200.svg"),
+  "linkAlt_fill_300": () => import("../icons/linkAlt_fill_300.svg"),
+  "linkAlt_fill_400": () => import("../icons/linkAlt_fill_400.svg"),
+  "linkAlt_fill_500": () => import("../icons/linkAlt_fill_500.svg"),
+  "linkAlt_outline_100": () => import("../icons/linkAlt_outline_100.svg"),
+  "linkAlt_outline_200": () => import("../icons/linkAlt_outline_200.svg"),
+  "linkAlt_outline_300": () => import("../icons/linkAlt_outline_300.svg"),
+  "linkAlt_outline_400": () => import("../icons/linkAlt_outline_400.svg"),
+  "linkAlt_outline_500": () => import("../icons/linkAlt_outline_500.svg"),
   "listBulleted_fill_100": () => import("../icons/listBulleted_fill_100.svg"),
   "listBulleted_fill_200": () => import("../icons/listBulleted_fill_200.svg"),
   "listBulleted_fill_300": () => import("../icons/listBulleted_fill_300.svg"),

package/dist/metadata.d.ts

@@ -201,6 +201,7 @@ export type AlmaIconName =
   | "espressoCupDouble"
   | "espressoCupSingle"
   | "expandAll"
+  | "externalLink"
   | "eye"
   | "eyedropper"
   | "eyedropperAlt"
@@ -298,6 +299,7 @@ export type AlmaIconName =
   | "lcdDigit9"
   | "license"
   | "link"
+  | "linkAlt"
   | "listBulleted"
   | "localeKey"
   | "lock"

package/dist/metadata.js

@@ -201,6 +201,7 @@ export const iconNames = [
   "espressoCupDouble",
   "espressoCupSingle",
   "expandAll",
+  "externalLink",
   "eye",
   "eyedropper",
   "eyedropperAlt",
@@ -298,6 +299,7 @@ export const iconNames = [
   "lcdDigit9",
   "license",
   "link",
+  "linkAlt",
   "listBulleted",
   "localeKey",
   "lock",
@@ -2622,6 +2624,16 @@ export const iconFullNames = [
   "expandAll_outline_300",
   "expandAll_outline_400",
   "expandAll_outline_500",
+  "externalLink_fill_100",
+  "externalLink_fill_200",
+  "externalLink_fill_300",
+  "externalLink_fill_400",
+  "externalLink_fill_500",
+  "externalLink_outline_100",
+  "externalLink_outline_200",
+  "externalLink_outline_300",
+  "externalLink_outline_400",
+  "externalLink_outline_500",
   "eye_fill_100",
   "eye_fill_200",
   "eye_fill_300",
@@ -3582,6 +3594,16 @@ export const iconFullNames = [
   "link_outline_300",
   "link_outline_400",
   "link_outline_500",
+  "linkAlt_fill_100",
+  "linkAlt_fill_200",
+  "linkAlt_fill_300",
+  "linkAlt_fill_400",
+  "linkAlt_fill_500",
+  "linkAlt_outline_100",
+  "linkAlt_outline_200",
+  "linkAlt_outline_300",
+  "linkAlt_outline_400",
+  "linkAlt_outline_500",
   "listBulleted_fill_100",
   "listBulleted_fill_200",
   "listBulleted_fill_300",

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

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

package/dist/react/icons/ExternalLinkFill100.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=\"M21.4419 2.11426C21.6723 2.11457 21.8597 2.30179 21.8599 2.53223L21.8589 18.3643H21.3589V2.96777L2.14111 22.1855L1.7876 21.832L21.0063 2.61328L5.60986 2.61426V2.11426H21.4419Z\" fill=\"currentColor\"/>";
+
+export default function ExternalLinkFill100({
+  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/ExternalLinkFill200.d.ts

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

package/dist/react/icons/ExternalLinkFill200.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=\"M21.4424 1.86426C21.8107 1.8648 22.1093 2.16385 22.1094 2.53223V18.3643H21.1094V3.57129L2.31738 22.3633L1.61035 21.6553L20.4023 2.86426H5.60938V1.86426H21.4424Z\" fill=\"currentColor\"/>";
+
+export default function ExternalLinkFill200({
+  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/ExternalLinkFill300.d.ts

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

package/dist/react/icons/ExternalLinkFill300.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=\"M21.4424 1.61426C21.9487 1.61481 22.3593 2.02577 22.3594 2.53223V18.3643H20.8594V4.17383L2.49414 22.5381L1.43457 21.4785L19.7988 3.11426H5.60938V1.61426H21.4424Z\" fill=\"currentColor\"/>";
+
+export default function ExternalLinkFill300({
+  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/ExternalLinkFill400.d.ts

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

package/dist/react/icons/ExternalLinkFill400.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=\"M21.4414 1.36328C22.0862 1.36337 22.6092 1.88746 22.6094 2.53223V18.3643H20.6094V4.77734L2.6709 22.7158L1.25684 21.3018L19.1953 3.36426H5.60938V1.36426L21.4414 1.36328Z\" fill=\"currentColor\"/>";
+
+export default function ExternalLinkFill400({
+  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/ExternalLinkFill500.d.ts

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

package/dist/react/icons/ExternalLinkFill500.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=\"M21.4414 1.11328C22.2243 1.11338 22.8593 1.74938 22.8594 2.53223V18.3643H20.3594V5.38086L2.84766 22.8926L1.08008 21.125L18.5918 3.61426H5.60938V1.11426L21.4414 1.11328Z\" fill=\"currentColor\"/>";
+
+export default function ExternalLinkFill500({
+  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/ExternalLinkOutline100.d.ts

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

package/dist/react/icons/ExternalLinkOutline100.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=\"M21.4417 2.11426C21.6721 2.11456 21.8595 2.30178 21.8597 2.53223L21.8587 18.3643C21.8585 18.5022 21.7466 18.6143 21.6087 18.6143C21.4709 18.614 21.3589 18.502 21.3587 18.3643V2.96777L2.14091 22.1855C2.04329 22.2828 1.88493 22.2829 1.78739 22.1855C1.68994 22.088 1.69008 21.9297 1.78739 21.832L21.0061 2.61328L5.60868 2.61426C5.47084 2.61401 5.35968 2.50215 5.35966 2.36426C5.35968 2.22636 5.47084 2.11451 5.60868 2.11426H21.4417Z\" fill=\"currentColor\"/>";
+
+export default function ExternalLinkOutline100({
+  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/ExternalLinkOutline200.d.ts

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

package/dist/react/icons/ExternalLinkOutline200.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=\"M21.4422 1.86426C21.8105 1.86482 22.1091 2.16386 22.1092 2.53223V18.3643C22.109 18.6401 21.8851 18.8641 21.6092 18.8643C21.3333 18.8641 21.1094 18.6401 21.1092 18.3643V3.57129L2.31821 22.3623C2.1231 22.5573 1.80646 22.5571 1.61118 22.3623C1.4161 22.167 1.41603 21.8505 1.61118 21.6553L20.4022 2.86426H5.60923C5.3331 2.86426 5.10925 2.64038 5.10923 2.36426C5.10923 2.08812 5.33309 1.86426 5.60923 1.86426H21.4422Z\" fill=\"currentColor\"/>";
+
+export default function ExternalLinkOutline200({
+  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/ExternalLinkOutline300.d.ts

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

package/dist/react/icons/ExternalLinkOutline300.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=\"M21.4412 1.61426C21.9478 1.61456 22.3591 2.02562 22.3592 2.53223V18.3643C22.359 18.7782 22.0231 19.114 21.6092 19.1143C21.1953 19.1141 20.8594 18.7782 20.8592 18.3643V4.17383L2.49398 22.5381C2.20125 22.8308 1.72733 22.8315 1.43441 22.5391C1.1417 22.2462 1.14161 21.7714 1.43441 21.4785L19.7987 3.11426H5.60922C5.19502 3.11426 4.85924 2.77845 4.85922 2.36426C4.85922 1.95004 5.195 1.61426 5.60922 1.61426H21.4412Z\" fill=\"currentColor\"/>";
+
+export default function ExternalLinkOutline300({
+  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/ExternalLinkOutline400.d.ts

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

package/dist/react/icons/ExternalLinkOutline400.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=\"M21.4412 1.36426C22.086 1.36447 22.6091 1.88747 22.6092 2.53223V18.3643C22.609 18.9162 22.1612 19.364 21.6092 19.3643C21.0571 19.3642 20.6093 18.9164 20.6092 18.3643V4.77734L2.67074 22.7148C2.28039 23.1052 1.64822 23.1058 1.25766 22.7158C0.867297 22.3253 0.867183 21.6922 1.25766 21.3018L19.1942 3.36426H5.60922C5.05695 3.36426 4.60924 2.91652 4.60922 2.36426C4.60928 1.81203 5.05698 1.36426 5.60922 1.36426H21.4412Z\" fill=\"currentColor\"/>";
+
+export default function ExternalLinkOutline400({
+  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/ExternalLinkOutline500.d.ts

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