fix: fixed async migration issue in generate changed icons comment markup

refactor(scripts): Formatting in readAllMetadata
refactor: Optimize readAllMetadata function to use Promise.all for concurrent metadata reading
2025-12-17 14:37:40 +01:00 · 2025-02-20 21:55:53 +01:00 · 2025-02-19 14:32:10 +01:00 · 2025-02-19 13:55:31 +01:00 · 2025-02-19 11:33:08 +01:00 · 2025-02-19 11:19:53 +01:00
87 changed files with 1507 additions and 576 deletions
--- a/.gitignore
+++ b/.gitignore
@@ -20,9 +20,13 @@ packages/**/src/aliases/*.ts
 packages/**/src/aliases.ts
 !packages/**/src/aliases/index.ts
 packages/**/src/dynamicIconImports.ts
+packages/**/DynamicIcon.d.ts
 packages/**/dynamicIconImports.js
 packages/**/dynamicIconImports.d.ts
 packages/**/dynamicIconImports.js.map
+packages/**/dynamic.d.ts
+packages/**/dynamic.mjs.map
+packages/**/dynamic.mjs
 packages/**/LICENSE
 categories.json
 tags.json
@@ -41,3 +45,5 @@ docs/.vitepress/data/iconDetails
 docs/.vitepress/data/relatedIcons.json
 docs/.vercel
 docs/.nitro
+.gitignore
+
--- a/README.md
+++ b/README.md
@@ -30,17 +30,17 @@ Lucide is an open-source icon library that provides 1000+ vector (svg) files for

 ## Packages

-|  | Package | Version & Downloads | Links |
-| --- | --- | --- | --- |
-| <img src="https://lucide.dev/framework-logos/js.svg" alt="JS logo" width="48"> | `lucide` | [![npm](https://img.shields.io/npm/v/lucide)](https://www.npmjs.com/package/lucide) ![NPM Downloads](https://img.shields.io/npm/dw/lucide) | [Docs](https://lucide.dev/guide/packages/lucide) [Source](./packages/lucide) |
-| <img src="https://lucide.dev/framework-logos/react.svg" alt="React logo" width="48"> | `lucide-react` | [![npm](https://img.shields.io/npm/v/lucide-react)](https://www.npmjs.com/package/lucide-react) ![NPM Downloads](https://img.shields.io/npm/dw/lucide-react) | [Docs](https://lucide.dev/guide/packages/lucide-react) [Source](./packages/lucide-react) |
-| <img src="https://lucide.dev/framework-logos/vue.svg" alt="Vue logo" width="48"> | `lucide-vue-next` | [![npm](https://img.shields.io/npm/v/lucide-vue-next)](https://www.npmjs.com/package/lucide-vue-next) ![NPM Downloads](https://img.shields.io/npm/dw/lucide-vue-next) | [Docs](https://lucide.dev/guide/packages/lucide-vue-next) [Source](./packages/lucide-vue-next) |
-| <img src="https://lucide.dev/framework-logos/svelte.svg" alt="Svelte logo" width="48"> | `lucide-svelte` | [![npm](https://img.shields.io/npm/v/lucide-svelte)](https://www.npmjs.com/package/lucide-svelte) ![NPM Downloads](https://img.shields.io/npm/dw/lucide-svelte) | [Docs](https://lucide.dev/guide/packages/lucide-svelte) [Source](./packages/lucide-svelte) |
-| <img src="https://lucide.dev/framework-logos/solid.svg" alt="Solid logo" width="48"> | `lucide-solid` | [![npm](https://img.shields.io/npm/v/lucide-solid)](https://www.npmjs.com/package/lucide-solid) ![NPM Downloads](https://img.shields.io/npm/dw/lucide-solid) | [Docs](https://lucide.dev/guide/packages/lucide-solid) [Source](./packages/lucide-solid) |
-| <img src="https://lucide.dev/framework-logos/preact.svg" alt="Preact logo" width="48"> | `lucide-preact` | [![npm](https://img.shields.io/npm/v/lucide-preact)](https://www.npmjs.com/package/lucide-preact) ![NPM Downloads](https://img.shields.io/npm/dw/lucide-preact) | [Docs](https://lucide.dev/guide/packages/lucide-preact) [Source](./packages/lucide-preact) |
-| <img src="https://lucide.dev/framework-logos/react-native.svg" alt="React Native logo" width="48"> | `lucide-react-native` | [![npm](https://img.shields.io/npm/v/lucide-react-native)](https://www.npmjs.com/package/lucide-react-native) ![NPM Downloads](https://img.shields.io/npm/dw/lucide-react-native) | [Docs](https://lucide.dev/guide/packages/lucide-react-native) [Source](./packages/lucide-react-native) |
-| <img src="https://lucide.dev/framework-logos/angular.svg" alt="Angular logo" width="48"> | `lucide-angular` | [![npm](https://img.shields.io/npm/v/lucide-angular)](https://www.npmjs.com/package/lucide-angular) ![NPM Downloads](https://img.shields.io/npm/dw/lucide-angular) | [Docs](https://lucide.dev/guide/packages/lucide-angular) [Source](./packages/lucide-angular) |
-| <img src="https://lucide.dev/framework-logos/svg.svg" alt="SVG logo" width="48"> | `lucide-static` | [![npm](https://img.shields.io/npm/v/lucide-static)](https://www.npmjs.com/package/lucide-static) ![NPM Downloads](https://img.shields.io/npm/dw/lucide-static) | [Docs](https://lucide.dev/guide/packages/lucide-static) [Source](./packages/lucide-static) |
+| Logo | Package | Version | Downloads | Links |
+| ---- | ------- | ------- | --------- | ----- |
+| <img src="https://lucide.dev/framework-logos/js.svg" alt="JS logo" width="48"> | **`lucide`** | [![npm](https://img.shields.io/npm/v/lucide)](https://www.npmjs.com/package/lucide) | ![NPM Downloads](https://img.shields.io/npm/dw/lucide) | [Docs](https://lucide.dev/guide/packages/lucide) · [Source](./packages/lucide) |
+| <img src="https://lucide.dev/framework-logos/react.svg" alt="React logo" width="48"> | **`lucide-react`** | [![npm](https://img.shields.io/npm/v/lucide-react)](https://www.npmjs.com/package/lucide-react) | ![NPM Downloads](https://img.shields.io/npm/dw/lucide-react) | [Docs](https://lucide.dev/guide/packages/lucide-react) · [Source](./packages/lucide-react) |
+| <img src="https://lucide.dev/framework-logos/vue.svg" alt="Vue logo" width="48"> | **`lucide-vue-next`** | [![npm](https://img.shields.io/npm/v/lucide-vue-next)](https://www.npmjs.com/package/lucide-vue-next) | ![NPM Downloads](https://img.shields.io/npm/dw/lucide-vue-next) | [Docs](https://lucide.dev/guide/packages/lucide-vue-next) · [Source](./packages/lucide-vue-next) |
+| <img src="https://lucide.dev/framework-logos/svelte.svg" alt="Svelte logo" width="48"> | **`lucide-svelte`** | [![npm](https://img.shields.io/npm/v/lucide-svelte)](https://www.npmjs.com/package/lucide-svelte) | ![NPM Downloads](https://img.shields.io/npm/dw/lucide-svelte) | [Docs](https://lucide.dev/guide/packages/lucide-svelte) · [Source](./packages/lucide-svelte) |
+| <img src="https://lucide.dev/framework-logos/solid.svg" alt="Solid logo" width="48"> | **`lucide-solid`** | [![npm](https://img.shields.io/npm/v/lucide-solid)](https://www.npmjs.com/package/lucide-solid) | ![NPM Downloads](https://img.shields.io/npm/dw/lucide-solid) | [Docs](https://lucide.dev/guide/packages/lucide-solid) · [Source](./packages/lucide-solid) |
+| <img src="https://lucide.dev/framework-logos/preact.svg" alt="Preact logo" width="48"> | **`lucide-preact`** | [![npm](https://img.shields.io/npm/v/lucide-preact)](https://www.npmjs.com/package/lucide-preact) | ![NPM Downloads](https://img.shields.io/npm/dw/lucide-preact) | [Docs](https://lucide.dev/guide/packages/lucide-preact) · [Source](./packages/lucide-preact) |
+| <img src="https://lucide.dev/framework-logos/react-native.svg" alt="React Native logo" width="48"> | **`lucide-react-native`** | [![npm](https://img.shields.io/npm/v/lucide-react-native)](https://www.npmjs.com/package/lucide-react-native) | ![NPM Downloads](https://img.shields.io/npm/dw/lucide-react-native) | [Docs](https://lucide.dev/guide/packages/lucide-react-native) · [Source](./packages/lucide-react-native) |
+| <img src="https://lucide.dev/framework-logos/angular.svg" alt="Angular logo" width="48"> | **`lucide-angular`** | [![npm](https://img.shields.io/npm/v/lucide-angular)](https://www.npmjs.com/package/lucide-angular) | ![NPM Downloads](https://img.shields.io/npm/dw/lucide-angular) | [Docs](https://lucide.dev/guide/packages/lucide-angular) · [Source](./packages/lucide-angular) |
+| <img src="https://lucide.dev/framework-logos/svg.svg" alt="SVG logo" width="48"> | **`lucide-static`** | [![npm](https://img.shields.io/npm/v/lucide-static)](https://www.npmjs.com/package/lucide-static) | ![NPM Downloads](https://img.shields.io/npm/dw/lucide-static) | [Docs](https://lucide.dev/guide/packages/lucide-static) · [Source](./packages/lucide-static) |

 ### Figma

--- a/docs/.vitepress/data/categoriesData.json
+++ b/docs/.vitepress/data/categoriesData.json
@@ -61,7 +61,7 @@
  },
  {
    "name": "finance",
-    "title": "Money"
+    "title": "Finance"
  },
  {
    "name": "food-beverage",
@@ -85,7 +85,7 @@
  },
  {
    "name": "math",
-    "title": "Math"
+    "title": "Mathematics"
  },
  {
    "name": "medical",
--- a/docs/.vitepress/theme/components/icons/CarbonAdOverlay.vue
+++ b/docs/.vitepress/theme/components/icons/CarbonAdOverlay.vue
@@ -5,22 +5,32 @@ import IconButton from '../base/IconButton.vue';
 import VPDocAsideCarbonAds from 'vitepress/dist/client/theme-default/components/VPDocAsideCarbonAds.vue'
 import { x } from '../../../data/iconNodes'
 import createLucideIcon from 'lucide-vue-next/src/createLucideIcon';
+import { onMounted, ref } from 'vue';

 const { theme } = useData()
-const showAd = useSessionStorage('show-carbon-ads',true)
+const showAd = useSessionStorage('show-carbon-ads', true)
+const carbonLoaded = ref(true)

 defineProps<{
  drawerOpen: boolean
 }>()

 const CloseIcon = createLucideIcon('Close', x)
+
+onMounted(() => {
+  setTimeout(() => {
+    if (window?._carbonads == null) {
+      carbonLoaded.value = false
+    }
+  }, 5000)
+})
 </script>

 <template>
  <div
    :class="{
      'drawer-open': drawerOpen,
-      'hide-ad': !showAd
+      'hide-ad': !(showAd && carbonLoaded)
    }"
    class="floating-ad"
    v-if="theme.carbonAds"
--- a/docs/scripts/writeCategoriesMetadata.mjs
+++ b/docs/scripts/writeCategoriesMetadata.mjs
@@ -1,16 +1,17 @@
-import fs from 'fs';
+import fs from 'fs/promises';
 import path from 'path';

 const currentDir = process.cwd();
 const dataDirectory = path.resolve(currentDir, '.vitepress/data');
 const directory = path.join(process.cwd(), '../categories');

-function getAllCategoryFiles() {
-  const fileNames = fs.readdirSync(directory).filter((file) => path.extname(file) === '.json');
+async function getAllCategoryFiles() {
+  const categoryDirectoryContents = await fs.readdir(directory);
+  const fileNames = categoryDirectoryContents.filter((file) => path.extname(file) === '.json');

-  return fileNames.map((fileName) => {
+  const categoryJSONReadPromises = fileNames.map(async (fileName) => {
    const name = path.basename(fileName, '.json');
-    const fileContent = fs.readFileSync(path.join(directory, fileName), 'utf8');
+    const fileContent = await fs.readFile(path.join(directory, fileName), 'utf8');

    const parsedFileContent = JSON.parse(fileContent);

@@ -19,14 +20,15 @@ function getAllCategoryFiles() {
      title: parsedFileContent.title,
    };
  });
+
+  return Promise.all(categoryJSONReadPromises);
 }

 const categoriesFile = path.resolve(dataDirectory, `categoriesData.json`);

-const categoriesData = getAllCategoryFiles();
+const categoriesData = await getAllCategoryFiles();

-fs.promises
-  .writeFile(categoriesFile, JSON.stringify(categoriesData, null, 2), 'utf-8')
+fs.writeFile(categoriesFile, JSON.stringify(categoriesData, null, 2), 'utf-8')
  .then(() => {
    console.log('Successfully written categoriesData.json file');
  })
--- a/docs/scripts/writeIconDetails.mjs
+++ b/docs/scripts/writeIconDetails.mjs
@@ -4,7 +4,7 @@ import { readSvgDirectory, toCamelCase } from '@lucide/helpers';

 const currentDir = process.cwd();
 const ICONS_DIR = path.resolve(currentDir, '../icons');
-const icons = readSvgDirectory(ICONS_DIR, '.json');
+const icons = await readSvgDirectory(ICONS_DIR, '.json');

 const iconDetailsDirectory = path.resolve(currentDir, '.vitepress/data', 'iconDetails');

--- a/docs/scripts/writeIconMetaIndex.mjs
+++ b/docs/scripts/writeIconMetaIndex.mjs
@@ -4,7 +4,7 @@ import { readSvgDirectory, toCamelCase } from '@lucide/helpers';

 const currentDir = process.cwd();
 const ICONS_DIR = path.resolve(currentDir, '../icons');
-const iconJsonFiles = readSvgDirectory(ICONS_DIR, '.json');
+const iconJsonFiles = await readSvgDirectory(ICONS_DIR, '.json');

 const location = path.resolve(currentDir, '.vitepress/data', 'iconMetaData.ts');

--- a/docs/scripts/writeIconNodes.mjs
+++ b/docs/scripts/writeIconNodes.mjs
@@ -5,8 +5,8 @@ import { readSvgDirectory, toCamelCase } from '@lucide/helpers';

 const currentDir = process.cwd();
 const ICONS_DIR = path.resolve(currentDir, '../icons');
-const svgFiles = readSvgDirectory(ICONS_DIR);
-const icons = renderIconsObject(svgFiles, ICONS_DIR, true);
+const svgFiles = await readSvgDirectory(ICONS_DIR);
+const icons = await renderIconsObject(svgFiles, ICONS_DIR, true);

 const iconNodesDirectory = path.resolve(currentDir, '.vitepress/data', 'iconNodes');

@@ -32,7 +32,7 @@ const writeIconFiles = Object.entries(icons).map(async ([iconName, { children }]
  await fs.promises.writeFile(location, output, 'utf-8');

  iconIndexFileImports.push(
-    `import ${toCamelCase(iconName)}Node from './${iconName}.node.json' assert { type: "json" };`,
+    `import ${toCamelCase(iconName)}Node from './${iconName}.node.json' with { type: "json" };`,
  );
  iconIndexFileExports.push(`  ${toCamelCase(iconName)}Node as ${toCamelCase(iconName)},`);
  iconIndexFileDefaultExports.push(`  '${iconName}': ${toCamelCase(iconName)}Node,`);
--- a/docs/scripts/writeIconRelatedIcons.mjs
+++ b/docs/scripts/writeIconRelatedIcons.mjs
@@ -4,7 +4,7 @@ import { readSvgDirectory } from '@lucide/helpers';

 const currentDir = process.cwd();
 const ICONS_DIR = path.resolve(currentDir, '../icons');
-const svgFiles = readSvgDirectory(ICONS_DIR, '.json');
+const svgFiles = await readSvgDirectory(ICONS_DIR, '.json');

 const location = path.resolve(currentDir, '.vitepress/data', 'relatedIcons.json');

@@ -18,9 +18,7 @@ const categoryWeight = 3;

 const MAX_RELATED_ICONS = 4 * 17; // grid of 4x17 icons, = 68 icons

-const arrayMatches = (a, b) => {
-  return a.filter((item) => b.includes(item)).length;
-};
+const arrayMatches = (a, b) => a.filter((item) => b.includes(item)).length;

 const nameParts = (icon) =>
  [
@@ -36,6 +34,7 @@ const getRelatedIcons = (currentIcon, icons) => {
    nameWeight * arrayMatches(nameParts(item), nameParts(currentIcon)) +
    categoryWeight * arrayMatches(item.categories ?? [], currentIcon.categories ?? []) +
    tagWeight * arrayMatches(item.tags ?? [], currentIcon.tags ?? []);
+
  return icons
    .filter((i) => i.name !== currentIcon.name)
    .map((icon) => ({ icon, similarity: iconSimilarity(icon) }))
@@ -46,7 +45,8 @@ const getRelatedIcons = (currentIcon, icons) => {
 };

 const iconsMetaDataPromises = svgFiles.map(async (iconName) => {
-  const metaData = JSON.parse(fs.readFileSync(`../icons/${iconName}`));
+  const metaDataFileContent = await fs.promises.readFile(`../icons/${iconName}`);
+  const metaData = JSON.parse(metaDataFileContent);

  const name = iconName.replace('.json', '');

--- a/docs/scripts/writeReleaseMetadata.mjs
+++ b/docs/scripts/writeReleaseMetadata.mjs
@@ -11,7 +11,7 @@ const git = simpleGit();

 const currentDir = process.cwd();
 const ICONS_DIR = path.resolve(currentDir, '../icons');
-const iconJsonFiles = readSvgDirectory(ICONS_DIR, '.json');
+const iconJsonFiles = await readSvgDirectory(ICONS_DIR, '.json');
 const location = path.resolve(currentDir, '.vitepress/data', 'releaseMetaData.json');
 const releaseMetaDataDirectory = path.resolve(currentDir, '.vitepress/data', 'releaseMetadata');

--- a/docs/scripts/writeVercelOutput.mjs
+++ b/docs/scripts/writeVercelOutput.mjs
@@ -6,7 +6,7 @@ import { getCurrentDirPath } from '@lucide/helpers';
 const currentDir = process.cwd();
 const scriptDir = getCurrentDirPath(import.meta.url);

-const iconMetaData = await getIconMetaData(path.resolve(scriptDir, '../icons'));
+const iconMetaData = await getIconMetaData(path.resolve(scriptDir, '../../icons'));

 const iconAliasesRedirectRoutes = Object.entries(iconMetaData)
  .filter(([, { aliases }]) => aliases?.length)
@@ -16,7 +16,7 @@ const iconAliasesRedirectRoutes = Object.entries(iconMetaData)
    const aliasRouteMatches = aliases.join('|');

    return {
-      src: `/icons/(${aliasRouteMatches})`,
+      src: `/icons/${aliasRouteMatches}`,
      status: 302,
      headers: {
        Location: `/icons/${iconName}`,
@@ -44,4 +44,4 @@ const output = JSON.stringify(vercelRouteConfig, null, 2);

 const vercelOutputJSON = path.resolve(currentDir, '.vercel/output/config.json');

-fs.writeFileSync(vercelOutputJSON, output, 'utf-8');
+await fs.promises.writeFile(vercelOutputJSON, output, 'utf-8');
--- a/icons/circle-small.json
+++ b/icons/circle-small.json
@@ -0,0 +1,16 @@
+{
+  "$schema": "../icon.schema.json",
+  "contributors": [
+    "jamiemlaw"
+  ],
+  "tags": [
+    "shape",
+    "bullet",
+    "gender",
+    "genderless"
+  ],
+  "categories": [
+    "shapes",
+    "medical"
+  ]
+}
--- a/icons/circle-small.svg
+++ b/icons/circle-small.svg
@@ -0,0 +1,13 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <circle cx="12" cy="12" r="6" />
+</svg>
--- a/icons/cog.json
+++ b/icons/cog.json
@@ -10,7 +10,13 @@
    "cog",
    "edit",
    "gear",
-    "preferences"
+    "preferences",
+    "controls",
+    "configuration",
+    "fixed",
+    "build",
+    "construction",
+    "parts"
  ],
  "categories": [
    "account"
--- a/icons/mars-stroke.json
+++ b/icons/mars-stroke.json
@@ -0,0 +1,14 @@
+{
+  "$schema": "../icon.schema.json",
+  "contributors": [
+    "jamiemlaw"
+  ],
+  "tags": [
+    "gender",
+    "androgyne",
+    "transgender"
+  ],
+  "categories": [
+    "medical"
+  ]
+}
--- a/icons/mars-stroke.svg
+++ b/icons/mars-stroke.svg
@@ -0,0 +1,16 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path d="m14 6 4 4" />
+  <path d="M17 3h4v4" />
+  <path d="m21 3-7.75 7.75" />
+  <circle cx="9" cy="15" r="6" />
+</svg>
--- a/icons/mars.json
+++ b/icons/mars.json
@@ -0,0 +1,18 @@
+{
+  "$schema": "../icon.schema.json",
+  "contributors": [
+    "jguddas",
+    "jamiemlaw"
+  ],
+  "tags": [
+    "gender",
+    "sex",
+    "male",
+    "masculine",
+    "man",
+    "boy"
+  ],
+  "categories": [
+    "medical"
+  ]
+}
--- a/icons/mars.svg
+++ b/icons/mars.svg
@@ -0,0 +1,15 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path d="M16 3h5v5" />
+  <path d="m21 3-6.75 6.75" />
+  <circle cx="10" cy="14" r="6" />
+</svg>
--- a/icons/non-binary.json
+++ b/icons/non-binary.json
@@ -0,0 +1,14 @@
+{
+  "$schema": "../icon.schema.json",
+  "contributors": [
+    "jamiemlaw"
+  ],
+  "tags": [
+    "gender",
+    "nonbinary",
+    "enby"
+  ],
+  "categories": [
+    "medical"
+  ]
+}
--- a/icons/non-binary.svg
+++ b/icons/non-binary.svg
@@ -0,0 +1,16 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path d="M12 2v10" />
+  <path d="m9 4 6 4" />
+  <path d="m9 8 6-4" />
+  <circle cx="12" cy="17" r="5" />
+</svg>
--- a/icons/package.svg
+++ b/icons/package.svg
@@ -11,6 +11,6 @@
 >
  <path d="M11 21.73a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73z" />
  <path d="M12 22V12" />
-  <polyline points="3.29 7 12 12 20.71 7"/>
+  <polyline points="3.29 7 12 12 20.71 7" />
  <path d="m7.5 4.27 9 5.15" />
 </svg>
--- a/icons/transgender.json
+++ b/icons/transgender.json
@@ -0,0 +1,14 @@
+{
+  "$schema": "../icon.schema.json",
+  "contributors": [
+    "jamiemlaw"
+  ],
+  "tags": [
+    "gender",
+    "inclusive"
+  ],
+  "categories": [
+    "medical",
+    "accessibility"
+  ]
+}
--- a/icons/transgender.svg
+++ b/icons/transgender.svg
@@ -0,0 +1,20 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path d="M12 16v6" />
+  <path d="M14 20h-4" />
+  <path d="M18 2h4v4" />
+  <path d="m2 2 7.17 7.17" />
+  <path d="M2 5.355V2h3.357" />
+  <path d="m22 2-7.17 7.17" />
+  <path d="M8 5 5 8" />
+  <circle cx="12" cy="12" r="4" />
+</svg>
--- a/icons/venus-and-mars.json
+++ b/icons/venus-and-mars.json
@@ -0,0 +1,16 @@
+{
+  "$schema": "../icon.schema.json",
+  "contributors": [
+    "jamiemlaw"
+  ],
+  "tags": [
+    "gender",
+    "sex",
+    "intersex",
+    "androgynous",
+    "hermaphrodite"
+  ],
+  "categories": [
+    "medical"
+  ]
+}
--- a/icons/venus-and-mars.svg
+++ b/icons/venus-and-mars.svg
@@ -0,0 +1,17 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path d="M10 20h4" />
+  <path d="M12 16v6" />
+  <path d="M17 2h4v4" />
+  <path d="m21 2-5.46 5.46" />
+  <circle cx="12" cy="11" r="5" />
+</svg>
--- a/icons/venus.json
+++ b/icons/venus.json
@@ -0,0 +1,18 @@
+{
+  "$schema": "../icon.schema.json",
+  "contributors": [
+    "jguddas",
+    "jamiemlaw"
+  ],
+  "tags": [
+    "gender",
+    "sex",
+    "female",
+    "feminine",
+    "woman",
+    "girl"
+  ],
+  "categories": [
+    "medical"
+  ]
+}
--- a/icons/venus.svg
+++ b/icons/venus.svg
@@ -0,0 +1,15 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path d="M12 15v7" />
+  <path d="M9 19h6" />
+  <circle cx="12" cy="9" r="6" />
+</svg>
--- a/packages/lucide-angular/scripts/exportTemplate.mjs
+++ b/packages/lucide-angular/scripts/exportTemplate.mjs
@@ -1,8 +1,15 @@
 /* eslint-disable import/no-extraneous-dependencies */
 import base64SVG from '@lucide/build-icons/utils/base64SVG.mjs';

-export default ({ componentName, iconName, children, getSvg, deprecated, deprecationReason }) => {
-  const svgContents = getSvg();
+export default async ({
+  componentName,
+  iconName,
+  children,
+  getSvg,
+  deprecated,
+  deprecationReason,
+}) => {
+  const svgContents = await getSvg();
  const svgBase64 = base64SVG(svgContents);

  return `\
--- a/packages/lucide-preact/package.json
+++ b/packages/lucide-preact/package.json
@@ -53,7 +53,7 @@
    "rollup": "^4.22.4",
    "rollup-plugin-dts": "^6.1.0",
    "typescript": "^5.3.3",
-    "vite": "5.1.8",
+    "vite": "5.4.13",
    "vitest": "^1.1.1"
  },
  "peerDependencies": {
--- a/packages/lucide-preact/rollup.config.mjs
+++ b/packages/lucide-preact/rollup.config.mjs
@@ -1,6 +1,6 @@
 import plugins from '@lucide/rollup-plugins';
 import dts from 'rollup-plugin-dts';
-import pkg from './package.json' assert { type: 'json' };
+import pkg from './package.json' with { type: 'json' };

 const packageName = 'LucidePreact';
 const outputFileName = 'lucide-preact';
--- a/packages/lucide-preact/scripts/exportTemplate.mjs
+++ b/packages/lucide-preact/scripts/exportTemplate.mjs
@@ -1,8 +1,15 @@
 /* eslint-disable import/no-extraneous-dependencies */
 import base64SVG from '@lucide/build-icons/utils/base64SVG.mjs';

-export default ({ componentName, iconName, children, getSvg, deprecated, deprecationReason }) => {
-  const svgContents = getSvg();
+export default async ({
+  componentName,
+  iconName,
+  children,
+  getSvg,
+  deprecated,
+  deprecationReason,
+}) => {
+  const svgContents = await getSvg();
  const svgBase64 = base64SVG(svgContents);

  return `
--- a/packages/lucide-react-native/package.json
+++ b/packages/lucide-react-native/package.json
@@ -59,7 +59,7 @@
    "rollup": "^4.22.4",
    "rollup-plugin-dts": "^6.1.0",
    "typescript": "^4.8.4",
-    "vite": "5.1.8",
+    "vite": "5.4.13",
    "vitest": "^1.1.1"
  },
  "peerDependencies": {
--- a/packages/lucide-react-native/scripts/exportTemplate.mjs
+++ b/packages/lucide-react-native/scripts/exportTemplate.mjs
@@ -1,8 +1,15 @@
 /* eslint-disable import/no-extraneous-dependencies */
 import base64SVG from '@lucide/build-icons/utils/base64SVG.mjs';

-export default ({ componentName, iconName, children, getSvg, deprecated, deprecationReason }) => {
-  const svgContents = getSvg();
+export default async ({
+  componentName,
+  iconName,
+  children,
+  getSvg,
+  deprecated,
+  deprecationReason,
+}) => {
+  const svgContents = await getSvg();
  const svgBase64 = base64SVG(svgContents);

  return `
--- a/packages/lucide-react/dynamicIconImports.mjs
+++ b/packages/lucide-react/dynamicIconImports.mjs
@@ -0,0 +1 @@
+export { default } from './dist/esm/dynamicIconImports.js';
--- a/packages/lucide-react/package.json
+++ b/packages/lucide-react/package.json
@@ -23,57 +23,25 @@
  ],
  "author": "Eric Fennis",
  "amdName": "lucide-react",
-  "source": "src/lucide-react.ts",
-  "main": "dist/esm/lucide-react.js",
-  "types": "dist/lucide-react.d.ts",
-  "type": "module",
-  "files": [
-    "dist"
-  ],
-  "exports": {
-    ".": {
-      "types": "./dist/lucide-react.d.ts",
-      "import": "./dist/esm/lucide-react.js",
-      "browser": "./dist/esm/lucide-react.js",
-      "require": "./dist/cjs/lucide-react.js",
-      "node": "./dist/cjs/lucide-react.js"
-    },
-    "./icons": {
-      "types": "./dist/lucide-react.d.ts",
-      "import": "./dist/esm/lucide-react.js",
-      "browser": "./dist/esm/lucide-react.js",
-      "require": "./dist/cjs/lucide-react.js",
-      "node": "./dist/cjs/lucide-react.js"
-    },
-    "./icons/*": {
-      "types": "./dist/icons/*.d.ts",
-      "import": "./dist/esm/icons/*.js",
-      "browser": "./dist/esm/icons/*.js",
-      "require": "./dist/cjs/icons/*.js",
-      "node": "./dist/cjs/icons/*.js"
-    },
-    "./dynamic": {
-      "types": "./dist/dynamic.d.ts",
-      "import": "./dist/esm/dynamic.js",
-      "browser": "./dist/esm/dynamic.js",
-      "require": "./dist/cjs/dynamic.js",
-      "node": "./dist/cjs/dynamic.js"
-    },
-    "./dynamicIconImports": {
-      "types": "./dist/dynamicIconImports.d.ts",
-      "import": "./dist/esm/dynamicIconImports.js",
-      "browser": "./dist/esm/dynamicIconImports.js",
-      "require": "./dist/cjs/dynamicIconImports.js",
-      "node": "./dist/cjs/dynamicIconImports.js"
-    },
-    "./src/*": "./src/*.ts",
-    "./package.json": "./package.json"
-  },
+  "main": "dist/cjs/lucide-react.js",
+  "main:umd": "dist/umd/lucide-react.js",
+  "module": "dist/esm/lucide-react.js",
+  "unpkg": "dist/umd/lucide-react.min.js",
+  "typings": "dist/lucide-react.d.ts",
  "sideEffects": false,
+  "files": [
+    "dist",
+    "dynamic.mjs",
+    "dynamic.js.map",
+    "dynamic.d.ts",
+    "dynamicIconImports.mjs",
+    "dynamicIconImports.js.map",
+    "dynamicIconImports.d.ts"
+  ],
  "scripts": {
    "build": "pnpm clean && pnpm copy:license && pnpm build:icons && pnpm typecheck && pnpm build:bundles",
    "copy:license": "cp ../../LICENSE ./LICENSE",
-    "clean": "rm -rf dist && rm -rf stats && rm -rf ./src/icons/*.ts && rm -f dynamicIconImports.*",
+    "clean": "rm -rf dist && rm -rf stats && rm -rf ./src/icons/*.ts && rm -f dynamic.* && rm -f dynamicIconImports.d.ts",
    "build:icons": "build-icons --output=./src --templateSrc=./scripts/exportTemplate.mjs --renderUniqueKey --withAliases --withDynamicImports --separateAliasesFile --aliasesFileExtension=.ts --iconFileExtension=.ts --exportFileName=index.ts",
    "build:bundles": "rollup -c ./rollup.config.mjs",
    "typecheck": "tsc",
@@ -97,7 +65,7 @@
    "rollup-plugin-dts": "^6.1.0",
    "rollup-plugin-preserve-directives": "^0.4.0",
    "typescript": "^4.9.5",
-    "vite": "5.1.8",
+    "vite": "5.4.13",
    "vitest": "^1.1.1"
  },
  "peerDependencies": {
--- a/packages/lucide-react/rollup.config.mjs
+++ b/packages/lucide-react/rollup.config.mjs
@@ -8,42 +8,40 @@ const aliasesEntries = await getAliasesEntryNames();

 const packageName = 'LucideReact';
 const outputFileName = 'lucide-react';
-const outputDir = `dist`;
 const inputs = [`src/lucide-react.ts`];
 const bundles = [
  {
    format: 'umd',
    inputs,
-    outputDir,
+    outputDir: 'dist/umd',
    minify: true,
  },
  {
    format: 'umd',
    inputs,
-    outputDir,
+    outputDir: 'dist/umd',
  },
  {
    format: 'cjs',
    inputs,
-    outputDir,
+    outputDir: 'dist/cjs',
  },
  {
    format: 'esm',
-    inputs: [...inputs, ...aliasesEntries],
-    outputDir,
+    inputs: [...inputs, , 'src/dynamicIconImports.ts', 'src/DynamicIcon.ts', ...aliasesEntries],
+    outputDir: 'dist/esm',
    preserveModules: true,
  },
  {
    format: 'esm',
-    inputs: ['src/dynamic.ts', 'src/dynamicIconImports.ts', 'src/DynamicIcon.ts'],
-    outputDir,
-    preserveModules: true,
+    inputs: ['src/dynamic.ts'],
+    outputFile: 'dynamic.mjs',
    external: [/src/],
    paths: (id) => {
      if (id.match(/src/)) {
        const [, modulePath] = id.match(/src\/(.*)\.ts/);

-        return `${modulePath}.js`;
+        return `dist/esm/${modulePath}.js`;
      }
    },
  },
@@ -77,12 +75,10 @@ const configs = bundles
          name: packageName,
          ...(preserveModules
            ? {
-                dir: `${outputDir}/${format}`,
+                dir: outputDir,
              }
            : {
-                file:
-                  outputFile ??
-                  `${outputDir}/${format}/${outputFileName}${minify ? '.min' : ''}.js`,
+                file: outputFile ?? `${outputDir}/${outputFileName}${minify ? '.min' : ''}.js`,
              }),
          paths,
          entryFileNames,
@@ -104,31 +100,17 @@ export default [
    input: 'src/dynamicIconImports.ts',
    output: [
      {
-        file: `dist/dynamicIconImports.d.ts`,
-        format: 'es',
-      },
-    ],
-    plugins: [
-      dts({
-        exclude: ['./src/icons'],
-      }),
-    ],
-  },
-  {
-    input: 'src/dynamic.ts',
-    output: [
-      {
-        file: `dist/dynamic.d.ts`,
+        file: `dynamicIconImports.d.ts`,
        format: 'es',
      },
    ],
    plugins: [dts()],
  },
  {
-    input: 'src/DynamicIcon.ts',
+    input: 'src/dynamic.ts',
    output: [
      {
-        file: `dist/DynamicIcon.d.ts`,
+        file: `dynamic.d.ts`,
        format: 'es',
      },
    ],
--- a/packages/lucide-react/scripts/exportTemplate.mjs
+++ b/packages/lucide-react/scripts/exportTemplate.mjs
@@ -1,8 +1,15 @@
 /* eslint-disable import/no-extraneous-dependencies */
 import base64SVG from '@lucide/build-icons/utils/base64SVG.mjs';

-export default ({ componentName, iconName, children, getSvg, deprecated, deprecationReason }) => {
-  const svgContents = getSvg();
+export default async ({
+  componentName,
+  iconName,
+  children,
+  getSvg,
+  deprecated,
+  deprecationReason,
+}) => {
+  const svgContents = await getSvg();
  const svgBase64 = base64SVG(svgContents);

  return `
--- a/packages/lucide-solid/package.json
+++ b/packages/lucide-solid/package.json
@@ -83,10 +83,10 @@
    "rollup": "^4.22.4",
    "solid-js": "^1.8.7",
    "typescript": "^4.9.4",
-    "vite": "5.1.8",
+    "vite": "5.4.13",
    "vite-plugin-solid": "^2.10.1",
    "vitest": "^1.1.1",
-    "esbuild": "^0.19.11"
+    "esbuild": "^0.25.0"
  },
  "peerDependencies": {
    "solid-js": "^1.4.7"
--- a/packages/lucide-solid/scripts/exportTemplate.mjs
+++ b/packages/lucide-solid/scripts/exportTemplate.mjs
@@ -1,8 +1,15 @@
 /* eslint-disable import/no-extraneous-dependencies */
 import base64SVG from '@lucide/build-icons/utils/base64SVG.mjs';

-export default ({ componentName, iconName, children, getSvg, deprecated, deprecationReason }) => {
-  const svgContents = getSvg();
+export default async ({
+  componentName,
+  iconName,
+  children,
+  getSvg,
+  deprecated,
+  deprecationReason,
+}) => {
+  const svgContents = await getSvg();
  const svgBase64 = base64SVG(svgContents);

  return `
--- a/packages/lucide-static/scripts/buildLib.mjs
+++ b/packages/lucide-static/scripts/buildLib.mjs
@@ -30,8 +30,8 @@ const license = `@license ${pkg.name} v${pkg.version} - ${pkg.license}`;
 createDirectory(LIB_DIR);
 createDirectory(ICON_MODULE_DIR);

-const svgFiles = readSvgDirectory(ICONS_DIR);
-const svgs = readSvgs(svgFiles, ICONS_DIR);
+const svgFiles = await readSvgDirectory(ICONS_DIR);
+const svgs = await readSvgs(svgFiles, ICONS_DIR);

 const parsedSvgs = svgs.map(({ name, contents }) => ({
  name,
@@ -39,6 +39,8 @@ const parsedSvgs = svgs.map(({ name, contents }) => ({
  parsedSvg: parseSync(contents),
 }));

-generateSprite(parsedSvgs, PACKAGE_DIR, license);
-generateIconNodes(parsedSvgs, PACKAGE_DIR);
-copyIcons(parsedSvgs, PACKAGE_DIR, license);
+await Promise.all([
+  generateSprite(parsedSvgs, PACKAGE_DIR, license),
+  generateIconNodes(parsedSvgs, PACKAGE_DIR),
+  copyIcons(parsedSvgs, PACKAGE_DIR, license),
+]);
--- a/packages/lucide-static/scripts/exportTemplate.mjs
+++ b/packages/lucide-static/scripts/exportTemplate.mjs
@@ -1,8 +1,8 @@
 /* eslint-disable import/no-extraneous-dependencies */
 import base64SVG from '@lucide/build-icons/utils/base64SVG.mjs';

-export default ({ componentName, iconName, children, getSvg, deprecated, deprecationReason }) => {
-  let svgContents = getSvg();
+export default async ({ componentName, iconName, getSvg, deprecated, deprecationReason }) => {
+  let svgContents = await getSvg();
  const svgBase64 = base64SVG(svgContents);

  svgContents = svgContents.replace(
--- a/packages/lucide-static/scripts/generateIconNodes.mjs
+++ b/packages/lucide-static/scripts/generateIconNodes.mjs
@@ -1,6 +1,6 @@
 import { writeFile } from '@lucide/helpers';

-export default function generateIconNodes(parsedSvgs, packageDir) {
+export default async function generateIconNodes(parsedSvgs, packageDir) {
  const iconNodes = parsedSvgs.reduce((acc, { name, parsedSvg }) => {
    acc[name] = parsedSvg.children.map(({ name, attributes }) => [name, attributes]);

@@ -9,5 +9,5 @@ export default function generateIconNodes(parsedSvgs, packageDir) {

  const iconNodesStringified = JSON.stringify(iconNodes, null, 2);

-  writeFile(iconNodesStringified, 'icon-nodes.json', packageDir);
+  await writeFile(iconNodesStringified, 'icon-nodes.json', packageDir);
 }
--- a/packages/lucide-static/scripts/generateSprite.mjs
+++ b/packages/lucide-static/scripts/generateSprite.mjs
@@ -3,7 +3,7 @@ import { stringify } from 'svgson';
 import { format } from 'prettier';
 import { appendFile } from '@lucide/helpers';

-export default function generateSprite(svgs, packageDir, license) {
+export default async function generateSprite(svgs, packageDir, license) {
  const symbols = svgs.map(({ name, parsedSvg }) => ({
    name: 'symbol',
    type: 'element',
@@ -34,6 +34,6 @@ export default function generateSprite(svgs, packageDir, license) {

  const xmlMeta = `<?xml version="1.0" encoding="utf-8"?>\n<!-- ${license} -->\n`;

-  appendFile(xmlMeta, `sprite.svg`, packageDir);
-  appendFile(prettifiedSprite, `sprite.svg`, packageDir);
+  await appendFile(xmlMeta, `sprite.svg`, packageDir);
+  await appendFile(prettifiedSprite, `sprite.svg`, packageDir);
 }
--- a/packages/lucide-static/scripts/readSvgs.mjs
+++ b/packages/lucide-static/scripts/readSvgs.mjs
@@ -9,10 +9,12 @@ import { readSvg } from '@lucide/helpers';
 * @returns {Object}
 */
 export default function readSVGs(svgFiles, iconsDirectory) {
-  return svgFiles.map((svgFile) => {
+  const SVGReadPromises = svgFiles.map(async (svgFile) => {
    const name = basename(svgFile, '.svg');
-    const contents = readSvg(svgFile, iconsDirectory);
+    const contents = await readSvg(svgFile, iconsDirectory);

    return { name, contents };
  });
+
+  return Promise.all(SVGReadPromises);
 }
--- a/packages/lucide-svelte/package.json
+++ b/packages/lucide-svelte/package.json
@@ -52,7 +52,7 @@
    "build:icons": "build-icons --output=./src --templateSrc=./scripts/exportTemplate.mjs --exportFileName=index.ts --iconFileExtension=.svelte --importImportFileExtension=.svelte --separateIconFileExport --separateIconFileExportExtension=.ts --withAliases --aliasesFileExtension=.ts --separateAliasesFile  --separateAliasesFileExtension=.ts --aliasImportFileExtension=.js --pretty=false",
    "build:package": "svelte-package --input ./src",
    "build:license": "node ./scripts/appendBlockComments.mjs",
-    "test": "pnpm build:icons && vitest run",
+    "test": "pnpm copy:license && pnpm build:icons && vitest run",
    "test:watch": "vitest watch",
    "version": "pnpm version --git-tag-version=false"
  },
@@ -70,7 +70,7 @@
    "svelte-check": "^3.4.4",
    "svelte-preprocess": "^5.0.4",
    "typescript": "^5.1.6",
-    "vite": "5.1.8",
+    "vite": "5.4.13",
    "vitest": "^1.1.1"
  },
  "peerDependencies": {
--- a/packages/lucide-svelte/scripts/appendBlockComments.mjs
+++ b/packages/lucide-svelte/scripts/appendBlockComments.mjs
@@ -4,7 +4,7 @@ import path from 'path';
 import { getCurrentDirPath } from '@lucide/helpers';
 import { getJSBanner } from './license.mjs';

-const currentDir = getCurrentDirPath(import.meta.url);
+const currentDir = await getCurrentDirPath(import.meta.url);
 const targetDirectory = path.join(currentDir, '../dist');

 const files = await readdir(targetDirectory, {
--- a/packages/lucide-svelte/scripts/exportTemplate.mjs
+++ b/packages/lucide-svelte/scripts/exportTemplate.mjs
@@ -2,8 +2,15 @@
 import base64SVG from '@lucide/build-icons/utils/base64SVG.mjs';
 import { getJSBanner } from './license.mjs';

-export default ({ iconName, children, componentName, getSvg, deprecated, deprecationReason }) => {
-  const svgContents = getSvg();
+export default async ({
+  iconName,
+  children,
+  componentName,
+  getSvg,
+  deprecated,
+  deprecationReason,
+}) => {
+  const svgContents = await getSvg();
  const svgBase64 = base64SVG(svgContents);

  return `\
--- a/packages/lucide-svelte/scripts/license.mjs
+++ b/packages/lucide-svelte/scripts/license.mjs
@@ -1,7 +1,7 @@
 import fs from 'fs';
 import pkg from '../package.json' with { type: 'json' };

-const license = fs.readFileSync('LICENSE', 'utf-8')
+const license = fs.readFileSync('LICENSE', 'utf-8');

 export function getJSBanner() {
  return `/**
--- a/packages/lucide-vue-next/package.json
+++ b/packages/lucide-vue-next/package.json
@@ -54,7 +54,7 @@
    "@vue/test-utils": "2.4.5",
    "rollup": "^4.22.4",
    "rollup-plugin-dts": "^6.1.0",
-    "vite": "5.1.8",
+    "vite": "5.4.13",
    "vitest": "^1.4.0",
    "vue": "^3.4.21"
  },
--- a/packages/lucide-vue-next/scripts/exportTemplate.mjs
+++ b/packages/lucide-vue-next/scripts/exportTemplate.mjs
@@ -1,8 +1,15 @@
 /* eslint-disable import/no-extraneous-dependencies */
 import base64SVG from '@lucide/build-icons/utils/base64SVG.mjs';

-export default ({ componentName, iconName, children, getSvg, deprecated, deprecationReason }) => {
-  const svgContents = getSvg();
+export default async ({
+  componentName,
+  iconName,
+  children,
+  getSvg,
+  deprecated,
+  deprecationReason,
+}) => {
+  const svgContents = await getSvg();
  const svgBase64 = base64SVG(svgContents);

  return `
--- a/packages/lucide-vue/package.json
+++ b/packages/lucide-vue/package.json
@@ -52,7 +52,7 @@
    "@vue/test-utils": "1.3.0",
    "rollup": "^3.29.5",
    "typescript": "^4.9.5",
-    "vite": "5.1.8",
+    "vite": "5.4.13",
    "vitest": "^0.32.2",
    "vue": "2.7.14",
    "vue-template-compiler": "2.7.14"
--- a/packages/lucide-vue/scripts/exportTemplate.mjs
+++ b/packages/lucide-vue/scripts/exportTemplate.mjs
@@ -1,8 +1,15 @@
 /* eslint-disable import/no-extraneous-dependencies */
 import base64SVG from '@lucide/build-icons/utils/base64SVG.mjs';

-export default ({ componentName, iconName, children, getSvg, deprecated, deprecationReason }) => {
-  const svgContents = getSvg();
+export default async ({
+  componentName,
+  iconName,
+  children,
+  getSvg,
+  deprecated,
+  deprecationReason,
+}) => {
+  const svgContents = await getSvg();
  const svgBase64 = base64SVG(svgContents);

  return `
--- a/packages/lucide/package.json
+++ b/packages/lucide/package.json
@@ -39,6 +39,7 @@
    "build:icons": "build-icons --output=./src --templateSrc=./scripts/exportTemplate.mjs --iconFileExtension=.ts --withAliases --aliasNamesOnly --aliasesFileExtension=.ts --exportFileName=index.ts",
    "build:bundle": "rollup -c rollup.config.mjs",
    "test": "pnpm build:icons && vitest run",
+    "test:watch": "vitest watch",
    "version": "pnpm version --git-tag-version=false"
  },
  "devDependencies": {
@@ -50,7 +51,7 @@
    "rollup": "^4.22.4",
    "rollup-plugin-dts": "^6.1.0",
    "typescript": "^4.9.3",
-    "vite": "5.1.8",
+    "vite": "5.4.13",
    "vitest": "^1.1.1"
  }
 }
--- a/packages/lucide/scripts/exportTemplate.mjs
+++ b/packages/lucide/scripts/exportTemplate.mjs
@@ -1,8 +1,15 @@
 /* eslint-disable import/no-extraneous-dependencies */
 import base64SVG from '@lucide/build-icons/utils/base64SVG.mjs';

-export default ({ componentName, iconName, children, getSvg, deprecated, deprecationReason }) => {
-  const svgContents = getSvg();
+export default async ({
+  componentName,
+  iconName,
+  children,
+  getSvg,
+  deprecated,
+  deprecationReason,
+}) => {
+  const svgContents = await getSvg();
  const svgBase64 = base64SVG(svgContents);

  return `
@@ -19,11 +26,7 @@ import type { IconNode } from '../types';
 * @returns {Array}
 * ${deprecated ? `@deprecated ${deprecationReason}` : ''}
 */
-const ${componentName}: IconNode = [
-  'svg',
-  defaultAttributes,
-  ${JSON.stringify(children)}
-];
+const ${componentName}: IconNode =  ${JSON.stringify(children)}

 export default ${componentName};
 `;
--- a/packages/lucide/src/createElement.ts
+++ b/packages/lucide/src/createElement.ts
@@ -1,4 +1,6 @@
-import { IconNode, IconNodeChild, SVGProps } from './types';
+import { IconNode, SVGProps } from './types';
+
+type CreateElementParams = [tag: string, attrs: SVGProps, children?: IconNode];

 /**
 * Creates a new HTMLElement from icon node
@@ -7,16 +9,16 @@ import { IconNode, IconNodeChild, SVGProps } from './types';
 * @param {array} children
 * @returns {HTMLElement}
 */
-const createElement = (tag: string, attrs: SVGProps, children: IconNodeChild[] = []) => {
+const createElement = ([tag, attrs, children]: CreateElementParams) => {
  const element = document.createElementNS('http://www.w3.org/2000/svg', tag);

  Object.keys(attrs).forEach((name) => {
    element.setAttribute(name, String(attrs[name]));
  });

-  if (children.length) {
+  if (children?.length) {
    children.forEach((child) => {
-      const childElement = createElement(...child);
+      const childElement = createElement(child);

      element.appendChild(childElement);
    });
@@ -25,9 +27,4 @@ const createElement = (tag: string, attrs: SVGProps, children: IconNodeChild[] =
  return element;
 };

-/**
- * Creates a new HTMLElement from icon node
- * @param {[tag: string, attrs: object, children: array]} iconNode
- * @returns {HTMLElement}
- */
-export default ([tag, attrs, children]: IconNode) => createElement(tag, attrs, children);
+export default createElement;
--- a/packages/lucide/src/replaceElement.ts
+++ b/packages/lucide/src/replaceElement.ts
@@ -1,4 +1,5 @@
 import createElement from './createElement';
+import defaultAttributes from './defaultAttributes';
 import { Icons } from './types';

 export type CustomAttrs = { [attr: string]: any };
@@ -19,7 +20,9 @@ export const getAttrs = (element: Element): Record<string, string> =>
 * @param {Object} attrs
 * @returns {Array}
 */
-export const getClassNames = (attrs: Record<string, string> | string): string | string[] => {
+export const getClassNames = (
+  attrs: Record<string, string | string[]> | string,
+): string | string[] => {
  if (typeof attrs === 'string') return attrs;
  if (!attrs || !attrs.class) return '';
  if (attrs.class && typeof attrs.class === 'string') {
@@ -36,7 +39,9 @@ export const getClassNames = (attrs: Record<string, string> | string): string |
 * @param {array} arrayOfClassnames
 * @returns {string}
 */
-export const combineClassNames = (arrayOfClassnames: (string | Record<string, string>)[]) => {
+export const combineClassNames = (
+  arrayOfClassnames: (string | Record<string, string | string[]>)[],
+) => {
  const classNameArray = arrayOfClassnames.flatMap(getClassNames);

  return classNameArray
@@ -77,10 +82,9 @@ const replaceElement = (element: Element, { nameAttr, icons, attrs }: ReplaceEle
  }

  const elementAttrs = getAttrs(element);
-  const [tag, iconAttributes, children] = iconNode;

  const iconAttrs = {
-    ...iconAttributes,
+    ...defaultAttributes,
    'data-lucide': iconName,
    ...attrs,
    ...elementAttrs,
@@ -94,7 +98,7 @@ const replaceElement = (element: Element, { nameAttr, icons, attrs }: ReplaceEle
    });
  }

-  const svgElement = createElement([tag, iconAttrs, children]);
+  const svgElement = createElement(['svg', iconAttrs, iconNode]);

  return element.parentNode?.replaceChild(svgElement, element);
 };
--- a/packages/lucide/src/types.ts
+++ b/packages/lucide/src/types.ts
@@ -1,6 +1,5 @@
 // className is not supported in svg elements
 export type SVGProps = Record<string, string | number>;

-export type IconNodeChild = readonly [tag: string, attrs: SVGProps];
-export type IconNode = readonly [tag: string, attrs: SVGProps, children?: IconNodeChild[]];
+export type IconNode = [tag: string, attrs: SVGProps][];
 export type Icons = { [key: string]: IconNode };
--- a/packages/lucide/tests/snapshots/lucide.spec.ts.snap
+++ b/packages/lucide/tests/snapshots/lucide.spec.ts.snap
--- a/packages/lucide/tests/snapshots/replaceElement.spec.js.snap
+++ b/packages/lucide/tests/snapshots/replaceElement.spec.js.snap
@@ -1,3 +0,0 @@
-// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
-
-exports[`combineClassNames > should retuns a string of classNames 1`] = `"item item1 item2 item3 item4 item5 item6 item7 item8 item9"`;
--- a/packages/lucide/tests/snapshots/replaceElement.spec.ts.snap
+++ b/packages/lucide/tests/snapshots/replaceElement.spec.ts.snap
@@ -0,0 +1,3 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`combineClassNames > should returns a string of classNames 1`] = `"item item1 item2 item3 item4 item5 item6 item7 item8 item9"`;
--- a/packages/lucide/tests/lucide.spec.ts
+++ b/packages/lucide/tests/lucide.spec.ts
@@ -6,7 +6,7 @@ import { parseSync, stringify } from 'svgson';

 const ICONS_DIR = path.resolve(__dirname, '../../../icons');

-const getOriginalSvg = (iconName, aliasName) => {
+const getOriginalSvg = (iconName: string, aliasName?: string) => {
  const svgContent = fs.readFileSync(path.join(ICONS_DIR, `${iconName}.svg`), 'utf8');
  const svgParsed = parseSync(svgContent);

@@ -51,14 +51,17 @@ describe('createIcons', () => {

    createIcons({ icons, attrs });

-    const element = document.querySelector('svg');
+    const element = document.querySelector('svg') as SVGSVGElement;
    const attributes = element.getAttributeNames();

-    const attributesAndValues = attributes.reduce((acc, item) => {
-      acc[item] = element.getAttribute(item);
+    const attributesAndValues = attributes.reduce(
+      (acc, item) => {
+        acc[item] = element.getAttribute(item);

-      return acc;
-    }, {});
+        return acc;
+      },
+      {} as Record<string, string | null>,
+    );

    expect(document.body.innerHTML).toMatchSnapshot();

@@ -74,14 +77,17 @@ describe('createIcons', () => {

    createIcons({ icons });

-    const element = document.querySelector('svg');
+    const element = document.querySelector('svg') as SVGSVGElement;
    const attributes = element.getAttributeNames();

-    const attributesAndValues = attributes.reduce((acc, item) => {
-      acc[item] = element.getAttribute(item);
+    const attributesAndValues = attributes.reduce(
+      (acc, item) => {
+        acc[item] = element.getAttribute(item);

-      return acc;
-    }, {});
+        return acc;
+      },
+      {} as Record<string, string | null>,
+    );

    expect(attributesAndValues).toEqual(expect.objectContaining(attrs));
  });
--- a/packages/lucide/tests/replaceElement.spec.ts
+++ b/packages/lucide/tests/replaceElement.spec.ts
@@ -16,7 +16,7 @@ describe('getAtts', () => {
      ],
    };

-    const attrs = getAttrs(element);
+    const attrs = getAttrs(element as unknown as Element);

    expect(attrs.class).toBe(element.attributes[0].value);
  });
@@ -43,8 +43,8 @@ describe('getClassNames', () => {
 });

 describe('combineClassNames', () => {
-  it('should retuns a string of classNames', () => {
-    const arrayOfClassnames = [
+  it('should returns a string of classNames', () => {
+    const arrayOfClassnames: (string | Record<string, string[]>)[] = [
      'item',
      {
        class: ['item1', 'item2', 'item3'],
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
--- a/scripts/checkIconsAndCategories.mjs
+++ b/scripts/checkIconsAndCategories.mjs
@@ -7,13 +7,13 @@ import {

 const currentDir = getCurrentDirPath(import.meta.url);
 const ICONS_DIR = path.resolve(currentDir, '../icons');
-const icons = readAllMetadata(ICONS_DIR);
+const icons = await readAllMetadata(ICONS_DIR);
 const CATEGORIES_DIR = path.resolve(currentDir, '../categories');
-const categories = readAllMetadata(CATEGORIES_DIR);
+const categories = await readAllMetadata(CATEGORIES_DIR);

 console.log('Reading all icons');

-const svgFiles = readSvgDirectory(ICONS_DIR);
+const svgFiles = await readSvgDirectory(ICONS_DIR);
 const iconNames = svgFiles.map((icon) => icon.split('.')[0]);

 let error = false;
--- a/scripts/generateChangedIconsCommentMarkup.mjs
+++ b/scripts/generateChangedIconsCommentMarkup.mjs
@@ -3,7 +3,6 @@ import path from 'path';
 import { parseSync } from 'svgson';
 import {
  shuffleArray,
-  readSvgDirectory,
  getCurrentDirPath,
  minifySvg,
  toPascalCase,
@@ -43,7 +42,7 @@ const getImageTagsByFiles = (files, getBaseUrl, width) =>
    return `<img title="${file}" alt="${file}" ${widthAttr} src="${url}/${base64}.svg"/>`;
  });

-const svgFiles = readSvgDirectory(ICONS_DIR).map((file) => `icons/${file}`);
+const svgFiles = fs.readdirSync(ICONS_DIR).map((file) => `icons/${file}`);

 const iconsFilteredByName = (search) => svgFiles.filter((file) => file.includes(search));

--- a/scripts/migrateCategoriesToIcons.mjs
+++ b/scripts/migrateCategoriesToIcons.mjs
@@ -1,5 +1,5 @@
 import path from 'path';
-import categories from '../categories.json' assert { type: 'json' };
+import categories from '../categories.json' with { type: 'json' };
 import {
  mergeArrays,
  writeFile,
--- a/scripts/migrateIconsToTags.mjs
+++ b/scripts/migrateIconsToTags.mjs
@@ -3,7 +3,7 @@ import { writeFile, getCurrentDirPath, readAllMetadata } from '../tools/build-he

 const currentDir = getCurrentDirPath(import.meta.url);
 const ICONS_DIR = path.resolve(currentDir, '../icons');
-const icons = readAllMetadata(ICONS_DIR);
+const icons = await readAllMetadata(ICONS_DIR);

 const tags = Object.keys(icons)
  .sort()
@@ -14,4 +14,4 @@ const tags = Object.keys(icons)

 const tagsContent = JSON.stringify(tags, null, 2);

-writeFile(tagsContent, 'tags.json', path.resolve(process.cwd()));
+await writeFile(tagsContent, 'tags.json', path.resolve(process.cwd()));
--- a/tools/build-helpers/src/appendFile.mjs
+++ b/tools/build-helpers/src/appendFile.mjs
@@ -1,5 +1,5 @@
 /* eslint-disable import/prefer-default-export */
-import fs from 'fs';
+import fs from 'fs/promises';
 import path from 'path';

 /**
@@ -10,4 +10,4 @@ import path from 'path';
 * @param {string} outputDirectory
 */
 export const appendFile = (content, fileName, outputDirectory) =>
-  fs.appendFileSync(path.join(outputDirectory, fileName), content, 'utf-8');
+  fs.appendFile(path.join(outputDirectory, fileName), content, 'utf-8');
--- a/tools/build-helpers/src/readAllMetadata.mjs
+++ b/tools/build-helpers/src/readAllMetadata.mjs
@@ -1,5 +1,5 @@
 /* eslint-disable import/prefer-default-export */
-import fs from 'fs';
+import fs from 'fs/promises';
 import path from 'path';
 import { readMetadata } from './readMetadata.mjs';

@@ -9,11 +9,14 @@ import { readMetadata } from './readMetadata.mjs';
 * @param {string} directory
 * @returns {object} A map of icon or category metadata
 */
-export const readAllMetadata = (directory) =>
-  fs
-    .readdirSync(directory)
+export const readAllMetadata = async (directory) => {
+  const directoryContent = await fs.readdir(directory);
+
+  const metaDataPromises = directoryContent
    .filter((file) => path.extname(file) === '.json')
-    .reduce((acc, fileName) => {
-      acc[path.basename(fileName, '.json')] = readMetadata(fileName, directory);
-      return acc;
-    }, {});
+    .map(async (file) => [path.basename(file, '.json'), await readMetadata(file, directory)]);
+
+  const metadata = await Promise.all(metaDataPromises);
+
+  return Object.fromEntries(metadata);
+};
--- a/tools/build-helpers/src/readFile.mjs
+++ b/tools/build-helpers/src/readFile.mjs
@@ -1,5 +1,5 @@
 /* eslint-disable import/prefer-default-export */
-import fs from 'fs';
+import fs from 'fs/promises';
 import path from 'path';

 /**
@@ -8,4 +8,4 @@ import path from 'path';
 * @param {string} path
 * @returns {string} The contents of a file
 */
-export const readFile = (path) => fs.readFileSync(path.resolve(__dirname, '../', path), 'utf-8');
+export const readFile = (path) => fs.readFile(path.resolve(__dirname, '../', path), 'utf-8');
--- a/tools/build-helpers/src/readMetadata.mjs
+++ b/tools/build-helpers/src/readMetadata.mjs
@@ -1,5 +1,5 @@
 /* eslint-disable import/prefer-default-export */
-import fs from 'fs';
+import fs from 'fs/promises';
 import path from 'path';

 /**
@@ -9,5 +9,8 @@ import path from 'path';
 * @param {string} directory
 * @returns {object} The metadata for the icon or category
 */
-export const readMetadata = (fileName, directory) =>
-  JSON.parse(fs.readFileSync(path.join(directory, fileName), 'utf-8'));
+export const readMetadata = async (fileName, directory) => {
+  const metadataFileContent = await fs.readFile(path.join(directory, fileName), 'utf-8');
+
+  return JSON.parse(metadataFileContent);
+};
--- a/tools/build-helpers/src/readSvg.mjs
+++ b/tools/build-helpers/src/readSvg.mjs
@@ -1,5 +1,5 @@
 /* eslint-disable import/prefer-default-export */
-import fs from 'fs';
+import fs from 'fs/promises';
 import path from 'path';

 /**
@@ -9,4 +9,4 @@ import path from 'path';
 * @param {string} directory
 */
 export const readSvg = (fileName, directory) =>
-  fs.readFileSync(path.join(directory, fileName), 'utf-8');
+  fs.readFile(path.join(directory, fileName), 'utf-8');
--- a/tools/build-helpers/src/readSvgDirectory.mjs
+++ b/tools/build-helpers/src/readSvgDirectory.mjs
@@ -1,5 +1,5 @@
 /* eslint-disable import/prefer-default-export */
-import fs from 'fs';
+import fs from 'fs/promises';
 import path from 'path';

 /**
@@ -9,5 +9,8 @@ import path from 'path';
 * @param {string} fileExtension
 * @returns {array} An array of file paths containing svgs
 */
-export const readSvgDirectory = (directory, fileExtension = '.svg') =>
-  fs.readdirSync(directory).filter((file) => path.extname(file) === fileExtension);
+export const readSvgDirectory = async (directory, fileExtension = '.svg') => {
+  const directoryContents = await fs.readdir(directory);
+
+  return directoryContents.filter((file) => path.extname(file) === fileExtension);
+};
--- a/tools/build-helpers/src/resetFile.mjs
+++ b/tools/build-helpers/src/resetFile.mjs
@@ -1,5 +1,5 @@
 /* eslint-disable import/prefer-default-export */
-import fs from 'fs';
+import fs from 'fs/promises';
 import path from 'path';

 /**
@@ -9,4 +9,4 @@ import path from 'path';
 * @param {string} outputDirectory
 */
 export const resetFile = (fileName, outputDirectory) =>
-  fs.writeFileSync(path.join(outputDirectory, fileName), '', 'utf-8');
+  fs.writeFile(path.join(outputDirectory, fileName), '', 'utf-8');
--- a/tools/build-helpers/src/writeFile.mjs
+++ b/tools/build-helpers/src/writeFile.mjs
@@ -1,5 +1,5 @@
 /* eslint-disable import/prefer-default-export */
-import fs from 'fs';
+import fs from 'fs/promises';
 import path from 'path';

 /**
@@ -10,4 +10,4 @@ import path from 'path';
 * @param {string} outputDirectory
 */
 export const writeFile = (content, fileName, outputDirectory) =>
-  fs.writeFileSync(path.join(outputDirectory, fileName), content, 'utf-8');
+  fs.writeFile(path.join(outputDirectory, fileName), content, 'utf-8');
--- a/tools/build-helpers/src/writeFileIfNotExists.mjs
+++ b/tools/build-helpers/src/writeFileIfNotExists.mjs
@@ -1,5 +1,5 @@
 /* eslint-disable import/prefer-default-export */
-import fs from 'fs';
+import fs from 'fs/promises';
 import path from 'path';
 import { writeFile } from './writeFile.mjs';

--- a/tools/build-helpers/src/writeSvgFile.mjs
+++ b/tools/build-helpers/src/writeSvgFile.mjs
@@ -1,5 +1,5 @@
 /* eslint-disable import/prefer-default-export */
-import fs from 'fs';
+import fs from 'fs/promises';
 import path from 'path';

 /**
@@ -10,4 +10,4 @@ import path from 'path';
 * @param {string} content
 */
 export const writeSvgFile = (fileName, outputDirectory, content) =>
-  fs.writeFileSync(path.join(outputDirectory, fileName), content, 'utf-8');
+  fs.writeFile(path.join(outputDirectory, fileName), content, 'utf-8');
--- a/tools/build-icons/building/aliases/generateAliasesFiles.mjs
+++ b/tools/build-icons/building/aliases/generateAliasesFiles.mjs
@@ -31,11 +31,11 @@ export default async function generateAliasesFiles({
  }

  // Reset files
-  resetFile(aliasFileName, destinationDirectory);
+  await resetFile(aliasFileName, destinationDirectory);

  if (!aliasNamesOnly) {
-    resetFile(aliasPrefixesFileName, destinationDirectory);
-    resetFile(aliasSuffixFileName, destinationDirectory);
+    await resetFile(aliasPrefixesFileName, destinationDirectory);
+    await resetFile(aliasSuffixFileName, destinationDirectory);
  }

  // Generate Import for Icon VNodes
@@ -149,20 +149,20 @@ export default async function generateAliasesFiles({
        );
      }

-      appendFile(aliasFileContent, aliasFileName, destinationDirectory);
+      await appendFile(aliasFileContent, aliasFileName, destinationDirectory);

      if (!aliasNamesOnly) {
-        appendFile(aliasPrefixesFileContent, aliasPrefixesFileName, destinationDirectory);
-        appendFile(aliasSuffixFileContent, aliasSuffixFileName, destinationDirectory);
+        await appendFile(aliasPrefixesFileContent, aliasPrefixesFileName, destinationDirectory);
+        await appendFile(aliasSuffixFileContent, aliasSuffixFileName, destinationDirectory);
      }
    }),
  );

-  appendFile('\n', aliasFileName, destinationDirectory);
+  await appendFile('\n', aliasFileName, destinationDirectory);

  if (!aliasNamesOnly) {
-    appendFile('\n', aliasPrefixesFileName, destinationDirectory);
-    appendFile('\n', aliasSuffixFileName, destinationDirectory);
+    await appendFile('\n', aliasPrefixesFileName, destinationDirectory);
+    await appendFile('\n', aliasSuffixFileName, destinationDirectory);
  }

  if (showLog) {
--- a/tools/build-icons/building/generateDynamicImports.mjs
+++ b/tools/build-icons/building/generateDynamicImports.mjs
@@ -1,7 +1,7 @@
 import path from 'path';
 import { resetFile, appendFile } from '@lucide/helpers';

-export default function generateDynamicImports({
+export default async function generateDynamicImports({
  iconNodes,
  outputDirectory,
  fileExtension,
@@ -12,7 +12,7 @@ export default function generateDynamicImports({
  const icons = Object.keys(iconNodes);

  // Reset file
-  resetFile(fileName, outputDirectory);
+  await resetFile(fileName, outputDirectory);

  let importString = `const dynamicIconImports = {\n`;

@@ -40,7 +40,7 @@ export default function generateDynamicImports({

  importString += '};\nexport default dynamicIconImports;\n';

-  appendFile(importString, fileName, outputDirectory);
+  await appendFile(importString, fileName, outputDirectory);

  if (showLog) {
    console.log(`Successfully generated ${fileName} file`);
--- a/tools/build-icons/building/generateExportsFile.mjs
+++ b/tools/build-icons/building/generateExportsFile.mjs
@@ -3,22 +3,22 @@ import path from 'path';
 // eslint-disable-next-line import/no-extraneous-dependencies
 import { toPascalCase, toCamelCase, resetFile, appendFile } from '@lucide/helpers';

-export default (
+export default async function generateExportFile(
  inputEntry,
  outputDirectory,
  iconNodes,
  exportModuleNameCasing,
  iconFileExtension = '',
-) => {
+) {
  const fileName = path.basename(inputEntry);

  // Reset file
-  resetFile(fileName, outputDirectory);
+  await resetFile(fileName, outputDirectory);

  const icons = Object.keys(iconNodes);

  // Generate Import for Icon VNodes
-  icons.forEach((iconName) => {
+  const iconImportNodesPromises = icons.map(async (iconName) => {
    let componentName;

    if (exportModuleNameCasing === 'camel') {
@@ -27,10 +27,12 @@ export default (
      componentName = toPascalCase(iconName);
    }
    const importString = `export { default as ${componentName} } from './${iconName}${iconFileExtension}';\n`;
-    appendFile(importString, fileName, outputDirectory);
+    return appendFile(importString, fileName, outputDirectory);
  });

-  appendFile('\n', fileName, outputDirectory);
+  await Promise.all(iconImportNodesPromises);
+
+  await appendFile('\n', fileName, outputDirectory);

  console.log(`Successfully generated ${fileName} file`);
-};
+}
--- a/tools/build-icons/building/generateIconFiles.mjs
+++ b/tools/build-icons/building/generateIconFiles.mjs
@@ -4,7 +4,7 @@ import prettier from 'prettier';
 import { readSvg, toPascalCase } from '@lucide/helpers';
 import deprecationReasonTemplate from '../utils/deprecationReasonTemplate.mjs';

-export default ({
+function generateIconFiles({
  iconNodes,
  outputDirectory,
  template,
@@ -15,7 +15,7 @@ export default ({
  pretty = true,
  iconsDir,
  iconMetaData,
-}) => {
+}) {
  const icons = Object.keys(iconNodes);
  const iconsDistDirectory = path.join(outputDirectory, `icons`);

@@ -40,7 +40,7 @@ export default ({
        })
      : '';

-    const elementTemplate = template({
+    const elementTemplate = await template({
      componentName,
      iconName,
      children,
@@ -71,7 +71,7 @@ export default ({
    }
  });

-  Promise.all(writeIconFiles)
+  return Promise.all(writeIconFiles)
    .then(() => {
      if (showLog) {
        console.log('Successfully built', icons.length, 'icons.');
@@ -80,4 +80,6 @@ export default ({
    .catch((error) => {
      throw new Error(`Something went wrong generating icon files,\n ${error}`);
    });
-};
+}
+
+export default generateIconFiles;
--- a/tools/build-icons/cli.mjs
+++ b/tools/build-icons/cli.mjs
@@ -47,16 +47,16 @@ async function buildIcons() {
    throw new Error('No `templateSrc` argument given.');
  }

-  const svgFiles = readSvgDirectory(ICONS_DIR);
+  const svgFiles = await readSvgDirectory(ICONS_DIR);

-  const icons = renderIconsObject(svgFiles, ICONS_DIR, renderUniqueKey);
+  const icons = await renderIconsObject(svgFiles, ICONS_DIR, renderUniqueKey);

  const { default: iconFileTemplate } = await import(path.resolve(process.cwd(), templateSrc));

  const iconMetaData = await getIconMetaData(ICONS_DIR);

  // Generates iconsNodes files for each icon
-  generateIconFiles({
+  await generateIconFiles({
    iconNodes: icons,
    outputDirectory: OUTPUT_DIR,
    template: iconFileTemplate,
@@ -86,7 +86,7 @@ async function buildIcons() {
  }

  if (withDynamicImports) {
-    generateDynamicImports({
+    await generateDynamicImports({
      iconNodes: icons,
      outputDirectory: OUTPUT_DIR,
      fileExtension: aliasesFileExtension,
@@ -96,7 +96,7 @@ async function buildIcons() {
  }

  // Generates entry files for the compiler filled with icons exports
-  generateExportsFile(
+  await generateExportsFile(
    path.join(OUTPUT_DIR, 'icons', exportFileName),
    path.join(OUTPUT_DIR, 'icons'),
    icons,
--- a/tools/build-icons/package.json
+++ b/tools/build-icons/package.json
@@ -20,11 +20,13 @@
    "@lucide/helpers": "workspace:*"
  },
  "dependencies": {
-    "@lucide/helpers": "^1.0.0",
    "minimist": "^1.2.7",
    "node-fetch": "^3.2.10",
    "prettier": "2.7.1",
    "svgo": "^3.0.0",
    "svgson": "^5.2.1"
+  },
+  "peerDependencies": {
+    "@lucide/helpers": "*"
  }
 }
--- a/tools/build-icons/render/renderIconsObject.mjs
+++ b/tools/build-icons/render/renderIconsObject.mjs
@@ -8,32 +8,39 @@ import { generateHashedKey, readSvg, hasDuplicatedChildren } from '@lucide/helpe
 * @param {Function} getSvg - A function that returns the contents of an SVG file given a filename.
 * @returns {Object}
 */
-export default (svgFiles, iconsDirectory, renderUniqueKey = false) =>
-  svgFiles
-    .map((svgFile) => {
-      const name = basename(svgFile, '.svg');
-      const svg = readSvg(svgFile, iconsDirectory);
-      const contents = parseSync(svg);
+export default async function generateIconObject(
+  svgFiles,
+  iconsDirectory,
+  renderUniqueKey = false,
+) {
+  const svgsContentPromises = svgFiles.map(async (svgFile) => {
+    const name = basename(svgFile, '.svg');
+    const svg = await readSvg(svgFile, iconsDirectory);
+    const contents = parseSync(svg);

-      if (!(contents.children && contents.children.length)) {
-        throw new Error(`${name}.svg has no children!`);
-      }
+    if (!(contents.children && contents.children.length)) {
+      throw new Error(`${name}.svg has no children!`);
+    }

-      if (hasDuplicatedChildren(contents.children)) {
-        throw new Error(`Duplicated children in ${name}.svg`);
-      }
+    if (hasDuplicatedChildren(contents.children)) {
+      throw new Error(`Duplicated children in ${name}.svg`);
+    }

-      if (renderUniqueKey) {
-        contents.children = contents.children.map((child) => {
-          child.attributes.key = generateHashedKey(child);
+    if (renderUniqueKey) {
+      contents.children = contents.children.map((child) => {
+        child.attributes.key = generateHashedKey(child);

-          return child;
-        });
-      }
+        return child;
+      });
+    }

-      return { name, contents };
-    })
-    .reduce((icons, icon) => {
-      icons[icon.name] = icon.contents;
-      return icons;
-    }, {});
+    return { name, contents };
+  });
+
+  const svgsContents = await Promise.all(svgsContentPromises);
+
+  return svgsContents.reduce((icons, icon) => {
+    icons[icon.name] = icon.contents;
+    return icons;
+  }, {});
+}
--- a/tools/build-icons/utils/getAliases.mjs
+++ b/tools/build-icons/utils/getAliases.mjs
@@ -2,7 +2,7 @@ import path from 'path';
 import { readSvgDirectory } from '@lucide/helpers';

 async function getAliases(iconDirectory) {
-  const iconJsons = readSvgDirectory(iconDirectory, '.json');
+  const iconJsons = await readSvgDirectory(iconDirectory, '.json');
  const aliasesEntries = await Promise.all(
    iconJsons.map(async (jsonFile) => {
      const file = await import(path.join(iconDirectory, jsonFile), { with: { type: 'json' } });
--- a/tools/build-icons/utils/getIconMetaData.mjs
+++ b/tools/build-icons/utils/getIconMetaData.mjs
@@ -2,7 +2,7 @@ import path from 'path';
 import { readSvgDirectory } from '@lucide/helpers';

 async function getIconMetaData(iconDirectory) {
-  const iconJsons = readSvgDirectory(iconDirectory, '.json');
+  const iconJsons = await readSvgDirectory(iconDirectory, '.json');
  const aliasesEntries = await Promise.all(
    iconJsons.map(async (jsonFile) => {
      /** eslint-disable */
--- a/tools/rollup-plugins/package.json
+++ b/tools/rollup-plugins/package.json
@@ -11,7 +11,7 @@
    "@atomico/rollup-plugin-sizes": "^1.1.4",
    "@rollup/plugin-node-resolve": "^15.2.3",
    "@rollup/plugin-replace": "^6.0.1",
-    "esbuild": "^0.19.11",
+    "esbuild": "^0.25.0",
    "rollup": "^4.22.4",
    "rollup-plugin-esbuild": "^6.1.0",
    "rollup-plugin-license": "^3.2.0",
Author	SHA1	Message	Date
Jakob Guddas	a8f578fa8b	fix: fixed async migration issue in generate changed icons comment markup	2025-02-20 21:55:53 +01:00
Eric Fennis	97f214934d	refactor(scripts): Formatting in readAllMetadata	2025-02-19 14:32:10 +01:00
Eric Fennis	34dfc63ce2	refactor: Optimize readAllMetadata function to use Promise.all for concurrent metadata reading	2025-02-19 13:55:31 +01:00
Eric Fennis	b46927e510	fix(lucide-react): Revert exports property package.json, fixing edge worker environments. (#2814 ) * Revert exports prop * Adjust export * Adjust export path * Add to gitignore * Adjust build process * Update .gitignore and add dynamicIconImports module * Formatting	2025-02-19 11:33:08 +01:00
Eric Fennis	1828a392c8	fix: Add await to checkIconsAndCategories script	2025-02-19 11:19:53 +01:00
dependabot[bot]	3ab6c373a0	build(deps-dev): bump vite from 5.4.12 to 5.4.13 (#2798 ) Bumps [vite](https://github.com/vitejs/vite/tree/HEAD/packages/vite) from 5.4.12 to 5.4.13. - [Release notes](https://github.com/vitejs/vite/releases) - [Changelog](https://github.com/vitejs/vite/blob/v5.4.13/packages/vite/CHANGELOG.md) - [Commits](https://github.com/vitejs/vite/commits/v5.4.13/packages/vite) --- updated-dependencies: - dependency-name: vite dependency-type: direct:development ... Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>	2025-02-14 08:53:09 +01:00
dependabot[bot]	ba2c4b526f	build(deps-dev): bump vite from 5.1.8 to 5.4.12 (#2786 ) Bumps [vite](https://github.com/vitejs/vite/tree/HEAD/packages/vite) from 5.1.8 to 5.4.12. - [Release notes](https://github.com/vitejs/vite/releases) - [Changelog](https://github.com/vitejs/vite/blob/v5.4.12/packages/vite/CHANGELOG.md) - [Commits](https://github.com/vitejs/vite/commits/v5.4.12/packages/vite) --- updated-dependencies: - dependency-name: vite dependency-type: direct:development ... Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>	2025-02-12 09:41:52 +01:00
dependabot[bot]	bde3f01e0b	build(deps): bump esbuild from 0.19.12 to 0.25.0 (#2791 ) Bumps [esbuild](https://github.com/evanw/esbuild) from 0.19.12 to 0.25.0. - [Release notes](https://github.com/evanw/esbuild/releases) - [Changelog](https://github.com/evanw/esbuild/blob/main/CHANGELOG-2024.md) - [Commits](https://github.com/evanw/esbuild/compare/v0.19.12...v0.25.0) --- updated-dependencies: - dependency-name: esbuild dependency-type: direct:production ... Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>	2025-02-12 09:41:40 +01:00
Eric Fennis	50630b3aaf	ci: Improve build speeds (#2778 ) * Revert sync to async functions * Replace more sync fs functions * Format files * Fix build svelte package	2025-02-10 14:13:52 +01:00
Jamie Law	e28426a871	feat(icons): Add gender icons (#2607 ) * Add gender icons * Rename `nonbinary.` to `non-binary.` * Update icon categories * Remove `neuter` icon Pending additional use cases or significant demand * Add more gender-related tags --------- Co-authored-by: Eric Fennis <eric.fennis@gmail.com>	2025-02-07 15:45:34 +01:00
Eric Fennis	eb158561d3	fix(lucide): Support for iconNodes from other libs like Lab (#2752 ) * Add support for iconNodes * formatting	2025-02-07 15:44:54 +01:00
realguse	410ae434fa	docs(readme): improve packages table (#2755 )	2025-02-07 15:31:21 +01:00
Ikko Eltociear Ashimine	0801b89e4d	chore: fix typo (#2777 ) * chore: update replaceElement.spec.js retuns -> returns * chore: update replaceElement.spec.js.snap retuns -> returns	2025-02-07 15:29:29 +01:00
Eric Fennis	a1d17eedc9	fix: Redirect aliases site (#2769 ) * Fix redirects site * Remove console.log	2025-02-06 15:39:07 +01:00
Eric Fennis	7481dd0a3f	format(license): add missing semicolon in license script	2025-01-24 16:54:10 +01:00
Eric Fennis	f9e93824f1	format package.svg	2025-01-24 14:34:07 +01:00
Abdalrhman Almarakeby	4ba4cf2f35	feat(cog-icon): update tags to add more relevant keywords (#2748 )	2025-01-24 14:32:55 +01:00
Eric Fennis	6b29716aa9	Hide add if script is blocked (#2750 )	2025-01-24 14:28:54 +01:00
				`@@ -0,0 +1 @@`
				`export { default } from './dist/esm/dynamicIconImports.js';`