Add creative commons icon (#945)

* Deprecates tags.json and icons.json

* Removed tags.json dependency from Figma plugin

* Add JSON descriptor information to readme

* Restore packages/index.tsx

* Update packages/lucide-figma/src/api/fetchIcons.ts

Add multiple fetches to `Promise.all`

* Added caching to API endpoints

* Updates pnpm-lock.yaml

* Add tags to static

* Trigger site build

* Added prebuild script to generate api caches at build time

* Migrated NextCache function from arrow to regular to simplify markup

* test if contents are read from cache

* Add cache clear to prebuild

* removes debug object

---------

Co-authored-by: Karsa <karsa@karsa.org>
Co-authored-by: Eric Fennis <eric.fennis@gmail.com>

.eslintrc.js

@@ -34,6 +34,7 @@ module.exports = {
   parserOptions: {
     tsconfigRootDir: __dirname,
     project: ['./site/tsconfig.json', './packages/*/tsconfig.json'],
-    ecmaVersion: 2020,
+    ecmaVersion: 'latest',
+    sourceType: 'module',
   },
 };

.github/PULL_REQUEST_TEMPLATE/new-icon.md

@@ -9,7 +9,7 @@ at https://github.com/lucide-icons/lucide/blob/main/docs/ICON_DESIGN_GUIDE.md be
 and please fill everything below. -->
 
 - **Name of the icon** : <!-- `icon` -->
-- **Tags (alternative names for this icon)** (add them in tags.json) :  
+- **Tags (alternative names for this icon)** (add them in as a separate json file using the same icon name) :
 - **What is the purpose of this icon?** : <!-- Shows that one can click it to... / Is used to denote or label... -->
 - **100% scale preview** : <!-- upload an image -->
-- **Have you considered alternative possibilities** for its naming or design? : 
+- **Have you considered alternative possibilities** for its naming or design? :

.github/actions/build-and-test.yml

@@ -0,0 +1,44 @@
+name: "Build and Test"
+description: "Builds and test a package"
+
+inputs:
+  name:
+    description: “Name of the package”
+    required: true
+
+runs:
+  using: "composite"
+  steps:
+    - uses: actions/checkout@v3
+    - uses: actions/setup-node@v3
+      with:
+        node-version: 16
+
+    - uses: pnpm/action-setup@v2.0.1
+      name: Install pnpm
+      id: pnpm-install
+      with:
+        version: 7
+        run_install: false
+
+    - name: Get pnpm store directory
+      id: pnpm-cache
+      run: |
+        echo "::set-output name=pnpm_cache_dir::$(pnpm store path)"
+
+    - uses: actions/cache@v3
+      name: Setup pnpm cache
+      with:
+        path: ${{ steps.pnpm-cache.outputs.pnpm_cache_dir }}
+        key: ${{ runner.os }}-lucide-preact-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
+        restore-keys: |
+          ${{ runner.os }}-lucide-preact-pnpm-store-
+
+    - name: Install dependencies
+      run: pnpm install --filter lucide-preact
+
+    - name: Build
+      run: pnpm --filter lucide-preact build
+
+    - name: Test
+      run: pnpm --filter lucide-preact test

.github/workflows/lucide-angular.yml

@@ -5,10 +5,6 @@ on:
     paths:
       - packages/lucide-angular/**
       - pnpm-lock.yaml
-  push:
-    paths:
-      - packages/lucide-angular/**
-      - pnpm-lock.yaml
 
 jobs:
   lucide-angular:

.github/workflows/lucide-font.yml

@@ -5,10 +5,6 @@ on:
     paths:
       - icons/**
       - pnpm-lock.yaml
-  push:
-    paths:
-      - icons/**
-      - pnpm-lock.yaml
 
 jobs:
   lucide-font:

.github/workflows/lucide-preact.yml

@@ -5,10 +5,6 @@ on:
     paths:
       - packages/lucide-preact/**
       - pnpm-lock.yaml
-  push:
-    paths:
-      - packages/lucide-preact/**
-      - pnpm-lock.yaml
 
 jobs:
   lucide-preact:

.github/workflows/lucide-react-native.yml

@@ -5,10 +5,6 @@ on:
     paths:
       - packages/lucide-react-native/**
       - pnpm-lock.yaml
-  push:
-    paths:
-      - packages/lucide-react-native/**
-      - pnpm-lock.yaml
 
 jobs:
   lucide-react-native:

.github/workflows/lucide-react.yml

@@ -5,10 +5,6 @@ on:
     paths:
       - packages/lucide-react/**
       - pnpm-lock.yaml
-  push:
-    paths:
-      - packages/lucide-react/**
-      - pnpm-lock.yaml
 
 jobs:
   lucide-react:

.github/workflows/lucide-solid.yml

@@ -5,10 +5,6 @@ on:
     paths:
       - packages/lucide-solid/**
       - pnpm-lock.yaml
-  push:
-    paths:
-      - packages/lucide-solid/**
-      - pnpm-lock.yaml
 
 jobs:
   lucide-solid:

.github/workflows/lucide-static.yml

@@ -5,10 +5,6 @@ on:
     paths:
       - packages/lucide-static/**
       - pnpm-lock.yaml
-  push:
-    paths:
-      - packages/lucide-static/**
-      - pnpm-lock.yaml
 
 jobs:
   lucide-static:

.github/workflows/lucide-svelte.yml

@@ -5,10 +5,6 @@ on:
     paths:
       - packages/lucide-svelte/**
       - pnpm-lock.yaml
-  push:
-    paths:
-      - packages/lucide-svelte/**
-      - pnpm-lock.yaml
 
 jobs:
   lucide-svelte:

.github/workflows/lucide-vue-next.yml

@@ -5,10 +5,6 @@ on:
     paths:
       - packages/lucide-vue-next/**
       - pnpm-lock.yaml
-  push:
-    paths:
-      - packages/lucide-vue-next/**
-      - pnpm-lock.yaml
 
 jobs:
   lucide-vue-next:

.github/workflows/lucide-vue.yml

@@ -5,10 +5,6 @@ on:
     paths:
       - packages/lucide-vue/**
       - pnpm-lock.yaml
-  push:
-    paths:
-      - packages/lucide-vue/**
-      - pnpm-lock.yaml
 
 jobs:
   lucide-vue:

.github/workflows/lucide.yml

@@ -5,10 +5,6 @@ on:
     paths:
       - packages/lucide/**
       - pnpm-lock.yaml
-  push:
-    paths:
-      - packages/lucide/**
-      - pnpm-lock.yaml
 
 jobs:
   lucide:

.gitignore

@@ -15,4 +15,8 @@ stats
 outlined
 packages/**/src/icons/*.js
 packages/**/src/icons/*.ts
+packages/**/src/icons/*.tsx
+packages/**/src/aliases.ts
 packages/**/LICENSE
+categories.json
+tags.json

README.md

@@ -39,6 +39,7 @@ Lucide is trying to expand the icon set as much as possible while staying faithf
   - [Svelte](#svelte)
   - [Solid](#solid)
   - [Hyva](#hyva)
+  - [Eleventy](#eleventy)
 - [Contributing](#contributing)
 - [Community](#community)
 - [License](#license)
@@ -251,6 +252,16 @@ composer require siteation/magento2-hyva-icons-lucide
 
 For more details, see the [documentation](https://github.com/Siteation/magento2-hyva-icons-lucide/blob/main/README.md).
 
+### Eleventy
+
+Using this plugin, Eleventy projects can incorporate Lucide icons. it makes it simple to use Lucide icons into your themes via shortcodes, improving your website's overall usability and visual appeal.
+
+```sh
+npm install @grimlink/eleventy-plugin-lucide-icons
+```
+
+For more details, see the [documentation](https://github.com/GrimLink/eleventy-plugin-lucide-icons/blob/main/README.md).
+
 ## Contributing
 
 For more info on how to contribute please see the [contribution guidelines](https://github.com/lucide-icons/lucide/blob/main/CONTRIBUTING.md).

babel.config.js

@@ -1,20 +0,0 @@
-module.exports = {
-  presets: ['@babel/env'],
-  // babelrcRoots: ['.', './packages/*'],
-  env: {
-    test: {
-      presets: ['@babel/env'],
-      plugins: ['@babel/plugin-transform-runtime'],
-    },
-    dev: {
-      plugins: [
-        [
-          'transform-inline-environment-variables',
-          {
-            include: ['NODE_ENV'],
-          },
-        ],
-      ],
-    },
-  },
-};

docs/ICON_DESIGN_GUIDE.md

@@ -80,3 +80,21 @@ For each icon these attributes are applied, corresponding to the above rules.
 Code of paths can get really big.
 To reduce file size we like to minify the code.
 We recommend to use the [SVGOMG](https://jakearchibald.github.io/svgomg/) to minify paths.
+
+### JSON metadata descriptor
+
+Each icon added must also come with a matching JSON file listing tags and categories for the icon.
+Please use the following template:
+
+```json
+{
+  "$schema": "../icon.schema.json",
+  "tags": [
+    "foo",
+    "bar"
+  ],
+  "categories": [
+    "devices"
+  ]
+}
+```

docs/index.md

@@ -6,16 +6,15 @@ nextPage:
 ---
 
 # Introduction
+Lucide is an open source icon library for displaying icons and symbols in digital and non-digital projects. It consists of 850+ Vector (svg) files. To use these icons, lucide provides several official packages to make it easier to use these icons in projects.
 
-An open source icon library for displaying icons and symbols in digital and non digital projects. It is containing over 500+ Vector (svg) files. To use these icons, lucide provides several official packages to make it easier to use these icons in projects.
+Lucide contains icons with different variants and states. With that, designers and developers can choose the right icon for themselves. If a desired icon doesn't exist yet, you're free to open a design request. The Lucide community contributors will help to provide new icons. 
 
-Lucide contains icons with different variants and states. With that designers and developers can choose the right icon for them selves. If icons don't exist you're free to open design request. The Lucide community will help.
+With more icons, we simply have more icons to work with in our projects. Also with rising of new applications with specific features, lucide has the goal to provide the complete set for your project.
 
-With help of the community, contributors are providing the library of new icons. With more icons, we simply have more icons to work with in your project. Also with rising of new applications with specific features lucide has the goal the provide the complete set for you project.
+When designing new icons, the community is working with a set of design rules. This is to maintain some standards for the icons: recognizable, consistency in style, and readable on all sizes. The community loves creativity in new icons but recognizable design conventions are important.
 
-When designing new icons, the community is working with a set of design rules. This is to keep icons: recognizable, consistency in style, and readable on all sizes. The community likes to have creativity in new icons but conventional design is important to have recognizable icons.
-
-Beside design, code is also important. Assets like icons in for example web projects can increase the transferred bytes significantly. With the growing internet, lucide has the responsibility to keep their assets small as possible. To achieve this, lucide uses SVG compression and specific code architecture for tree-shaking abilities. With tree-shaking used you will only ship the icons you used, helps you to keep the software small as possible when distributed.
+Beside design, code is also important. Assets like icons in, for example, web projects can increase the bandwidth usage significantly. With the growing internet, lucide has the responsibility to keep their assets as small as possible. To achieve this, lucide uses SVG compression and specific code architecture for tree-shaking abilities. After tree-shaking, you will only ship the icons you used, helps you to keep the software distribution size to a minimum.
 
 Lucide provides several official packages for: [Web (Vanilla)](https://lucide.dev/docs/lucide), [React](https://lucide.dev/docs/lucide-react), [React Native](https://lucide.dev/docs/lucide-react-native), [Vue](https://lucide.dev/docs/lucide-vue), [Vue 3](https://lucide.dev/docs/lucide-vue-next), [Svelte](https://lucide.dev/docs/lucide-svelte),[Preact](https://lucide.dev/docs/lucide-preact), [Angular](https://lucide.dev/docs/lucide-angular), [NodeJS](https://lucide.dev/docs/lucide-static#nodejs) and [Flutter](https://lucide.dev/docs/lucide-flutter).
 

icons.schema.json

@@ -1,84 +0,0 @@
-{
-  "$id": "https://lucide.dev/icons.schema.json",
-  "$schema": "https://json-schema.org/draft/2020-12/schema",
-  "$vocabulary": {
-    "https://json-schema.org/draft/2020-12/vocab/core": true,
-    "https://json-schema.org/draft/2020-12/vocab/applicator": true,
-    "https://json-schema.org/draft/2020-12/vocab/unevaluated": true,
-    "https://json-schema.org/draft/2020-12/vocab/validation": true,
-    "https://json-schema.org/draft/2020-12/vocab/meta-data": true,
-    "https://json-schema.org/draft/2020-12/vocab/format-annotation": true,
-    "https://json-schema.org/draft/2020-12/vocab/content": true
-  },
-
-  "title": "Lucide Icons schema",
-  "type": "object",
-  "properties": {
-    "icons": {
-      "type": "object",
-      "additionalProperties": {
-        "$ref": "#/$defs/types/icon"
-      }
-    },
-    "categories": {
-      "type": "object",
-      "additionalProperties": {
-        "$ref": "#/$defs/types/category"
-      }
-    }
-  },
-  "$defs": {
-    "types": {
-      "icon": {
-        "type": "object",
-        "properties": {
-          "tags": {
-            "type": "array",
-            "items": {
-              "type": "string"
-            },
-            "minItems": 1,
-            "uniqueItems": true
-          },
-          "categories": {
-            "type": "array",
-            "items": {
-              "$ref": "#/$defs/types/category-reference"
-            },
-            "uniqueItems": true
-          }
-        }
-      },
-      "category": {
-        "type": "object",
-        "properties": {
-          "title": {
-            "type": "string"
-          },
-          "description": {
-            "type": "string"
-          },
-          "icon": {
-            "$ref": "#/$defs/types/icon-reference"
-          },
-          "weight": {
-            "type": "integer"
-          }
-        },
-        "required": [
-          "title",
-          "icon"
-        ]
-      },
-      "icon-reference": {
-        "type": "string",
-        "format": "uri-reference"
-      },
-      "category-reference": {
-        "type": "string",
-        "format": "uri-reference"
-      }
-    }
-  },
-  "description": "A JSON Schema for icons, tags & categories defined by Lucide Icons."
-}

icons/activity.json

@@ -11,4 +11,4 @@
     "account",
     "social"
   ]
-}
+}

icons/alert-circle.json

@@ -3,10 +3,11 @@
   "tags": [
     "warning",
     "alert",
-    "danger"
+    "danger",
+    "exclamation mark"
   ],
   "categories": [
     "notifications",
     "shapes"
   ]
-}
+}

icons/alert-octagon.json

@@ -3,10 +3,11 @@
   "tags": [
     "warning",
     "alert",
-    "danger"
+    "danger",
+    "exclamation mark"
   ],
   "categories": [
     "notifications",
     "shapes"
   ]
-}
+}

icons/alert-triangle.json

@@ -3,10 +3,11 @@
   "tags": [
     "warning",
     "alert",
-    "danger"
+    "danger",
+    "exclamation mark"
   ],
   "categories": [
     "notifications",
     "shapes"
   ]
-}
+}

icons/battery-charging.json

@@ -2,10 +2,12 @@
   "$schema": "../icon.schema.json",
   "tags": [
     "power",
-    "electricity"
+    "electricity",
+    "accumulator",
+    "charge"
   ],
   "categories": [
     "connectivity",
     "devices"
   ]
-}
+}

icons/battery-full.json

@@ -2,10 +2,12 @@
   "$schema": "../icon.schema.json",
   "tags": [
     "power",
-    "electricity"
+    "electricity",
+    "accumulator",
+    "charge"
   ],
   "categories": [
     "connectivity",
     "devices"
   ]
-}
+}

icons/battery-low.json

@@ -2,10 +2,12 @@
   "$schema": "../icon.schema.json",
   "tags": [
     "power",
-    "electricity"
+    "electricity",
+    "accumulator",
+    "charge"
   ],
   "categories": [
     "connectivity",
     "devices"
   ]
-}
+}

icons/battery-medium.json

@@ -2,10 +2,12 @@
   "$schema": "../icon.schema.json",
   "tags": [
     "power",
-    "electricity"
+    "electricity",
+    "accumulator",
+    "charge"
   ],
   "categories": [
     "connectivity",
     "devices"
   ]
-}
+}

icons/battery-warning.json

@@ -0,0 +1,14 @@
+{
+  "$schema": "../icon.schema.json",
+  "tags": [
+    "power",
+    "electricity",
+    "accumulator",
+    "charge",
+    "exclamation mark"
+  ],
+  "categories": [
+    "connectivity",
+    "devices"
+  ]
+}

icons/battery-warning.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="M14 7h2a2 2 0 0 1 2 2v6c0 1 -1 2 -2 2h-2" />
+  <path d="M6 7h-2a2 2 0 0 0-2 2v6c0 1 1 2 2 2h2" />
+  <line x1="22" x2="22" y1="11" y2="13" />
+  <line x1="10" x2="10" y1="7" y2="13" />
+  <line x1="10" x2="10" y1="17" y2="17.01" />
+</svg>

icons/battery.json

@@ -2,10 +2,12 @@
   "$schema": "../icon.schema.json",
   "tags": [
     "power",
-    "electricity"
+    "electricity",
+    "accumulator",
+    "charge"
   ],
   "categories": [
     "connectivity",
     "devices"
   ]
-}
+}

icons/beef.json

@@ -0,0 +1,16 @@
+{
+  "$schema": "../icon.schema.json",
+  "tags": [
+    "food",
+    "dish",
+    "restaurant",
+    "course",
+    "meal",
+    "meat",
+    "bbq",
+    "steak"
+  ],
+  "categories": [
+    "food-beverage"
+  ]
+}

icons/beef.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"
+>
+  <circle cx="12.5" cy="8.5" r="2.5" />
+  <path d="M12.5 2a6.5 6.5 0 0 0-6.22 4.6c-1.1 3.13-.78 3.9-3.18 6.08A3 3 0 0 0 5 18c4 0 8.4-1.8 11.4-4.3A6.5 6.5 0 0 0 12.5 2Z"  />
+  <path d="m18.5 6 2.19 4.5a6.48 6.48 0 0 1 .31 2 6.49 6.49 0 0 1-2.6 5.2C15.4 20.2 11 22 7 22a3 3 0 0 1-2.68-1.66L2.4 16.5" />
+</svg>

icons/cat.svg

@@ -9,9 +9,7 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <path d="M14 5.256A8.148 8.148 0 0 0 12 5a9.04 9.04 0 0 0-2 .227M20.098 10c.572 1.068.902 2.24.902 3.444C21 17.89 16.97 21 12 21s-9-3-9-7.556c0-1.251.288-2.41.792-3.444" />
-  <path d="M3.75 10S2.11 3.58 3.5 3C4.89 2.42 8 3 9.781 5" />
-  <path d="M20.172 10.002s1.64-6.42.25-7c-1.39-.58-4.5 0-6.282 2" />
+  <path d="M12 5c.67 0 1.35.09 2 .26 1.78-2 5.03-2.84 6.42-2.26 1.4.58-.42 7-.42 7 .57 1.07 1 2.24 1 3.44C21 17.9 16.97 21 12 21s-9-3-9-7.56c0-1.25.5-2.4 1-3.44 0 0-1.89-6.42-.5-7 1.39-.58 4.72.23 6.5 2.23A9.04 9.04 0 0 1 12 5Z" />
   <path d="M8 14v.5" />
   <path d="M16 14v.5" />
   <path d="M11.25 16.25h1.5L12 17l-.75-.75Z" />

icons/chevrons-left-right.json

@@ -4,8 +4,7 @@
     "arrow",
     "expand",
     "horizontal",
-    "unfold",
-    "horizonal"
+    "unfold"
   ],
   "categories": [
     "arrows"

icons/chevrons-right-left.json

@@ -4,8 +4,7 @@
     "arrow",
     "collapse",
     "fold",
-    "horizontal",
-    "horizonal"
+    "horizontal"
   ],
   "categories": [
     "arrows"

icons/copyright.json

@@ -1,7 +1,8 @@
 {
   "$schema": "../icon.schema.json",
   "tags": [
-    "licence"
+    "licence",
+    "license"
   ],
   "categories": []
-}
+}

icons/creative-commons.json

@@ -0,0 +1,8 @@
+{
+  "$schema": "../icon.schema.json",
+  "tags": [
+    "licence",
+    "license"
+  ],
+  "categories": []
+}

icons/creative-commons.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"
+>
+  <circle cx="12" cy="12" r="10" />
+  <path d="M10 9.3a2.8 2.8 0 0 0-3.5 1 3.1 3.1 0 0 0 0 3.4 2.7 2.7 0 0 0 3.5 1" />
+  <path d="M17 9.3a2.8 2.8 0 0 0-3.5 1 3.1 3.1 0 0 0 0 3.4 2.7 2.7 0 0 0 3.5 1" />
+</svg>

icons/database-backup.json

@@ -0,0 +1,18 @@
+{
+  "$schema": "../icon.schema.json",
+  "tags": [
+    "storage",
+    "memory",
+    "backup",
+    "timemachine",
+    "rotate",
+    "arrow",
+    "left"
+  ],
+  "categories": [
+    "devices",
+    "arrows",
+    "design",
+    "photography"
+  ]
+}

icons/database-backup.svg

@@ -0,0 +1,18 @@
+<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"
+>
+  <ellipse cx="12" cy="5" rx="9" ry="3" />
+  <path d="M3 12c0 1.18 2.03 2.2 5 2.7" />
+  <path d="M21 5v4.5" />
+  <path d="m12 16 1.27-1.35a4.75 4.75 0 1 1 .41 5.74" />
+  <path d="M12 12v4h4" />
+  <path d="M3 5v14c0 1.43 2.97 2.63 7 2.93" />
+</svg>

icons/edit-2.json

@@ -6,5 +6,8 @@
   ],
   "categories": [
     "text"
+  ],
+  "aliases": [
+    "pen"
   ]
-}
+}

icons/edit-3.json

@@ -6,5 +6,8 @@
   ],
   "categories": [
     "text"
+  ],
+  "aliases": [
+    "pen-line"
   ]
-}
+}

icons/edit.json

@@ -6,5 +6,8 @@
   ],
   "categories": [
     "text"
+  ],
+  "aliases": [
+    "pen-box"
   ]
-}
+}

icons/file-warning.json

@@ -5,10 +5,11 @@
     "warning",
     "alert",
     "danger",
-    "protected"
+    "protected",
+    "exclamation mark"
   ],
   "categories": [
     "files",
     "notifications"
   ]
-}
+}

icons/fish-off.json

@@ -0,0 +1,22 @@
+{
+  "$schema": "../icon.schema.json",
+  "tags": [
+    "food",
+    "dish",
+    "restaurant",
+    "course",
+    "meal",
+    "seafood",
+    "animal",
+    "pet",
+    "sea",
+    "marine",
+    "allergy",
+    "intolerance",
+    "diet"
+  ],
+  "categories": [
+    "food-beverage",
+    "animals"
+  ]
+}

icons/fish-off.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M18 12.47v.03M18 12v.47M17.525 17.526A6.744 6.744 0 0 1 15 18c-3.56 0-7.56-2.53-8.5-6 .348-1.28 1.114-2.433 2.121-3.38M12.065 6.532A8.802 8.802 0 0 1 15 6c3.56 0 6.06 2.54 7 6-.309 1.14-.786 2.177-1.413 3.058"/><path d="M7 10.67C7 8 5.58 5.97 2.73 5.5c-1 1.5-1 5 .23 6.5-1.24 1.5-1.24 5-.23 6.5C5.58 18.03 7 16 7 13.33M14.48 8.958A9.77 9.77 0 0 1 16 6.07M16 17.93a9.77 9.77 0 0 1-1.728-3.618"/><path d="m16.01 17.93-.23 1.4A2 2 0 0 1 13.8 21H9.5a5.96 5.96 0 0 0 1.49-3.98M8.53 3h5.27a2 2 0 0 1 1.98 1.67l.23 1.4M2 2l20 20"/></svg>

icons/fish.json

@@ -0,0 +1,19 @@
+{
+  "$schema": "../icon.schema.json",
+  "tags": [
+    "food",
+    "dish",
+    "restaurant",
+    "course",
+    "meal",
+    "seafood",
+    "animal",
+    "pet",
+    "sea",
+    "marine"
+  ],
+  "categories": [
+    "food-beverage",
+    "animals"
+  ]
+}

icons/fish.svg

@@ -0,0 +1,18 @@
+<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="M6.5 12c.94-3.46 4.94-6 8.5-6 3.56 0 6.06 2.54 7 6-.94 3.47-3.44 6-7 6s-7.56-2.53-8.5-6Z" />
+  <path d="M18 12v.5" />
+  <path d="M16 17.93a9.77 9.77 0 0 1 0-11.86" />
+  <path d="M7 10.67C7 8 5.58 5.97 2.73 5.5c-1 1.5-1 5 .23 6.5-1.24 1.5-1.24 5-.23 6.5C5.58 18.03 7 16 7 13.33" />
+  <path d="M10.46 7.26C10.2 5.88 9.17 4.24 8 3h5.8a2 2 0 0 1 1.98 1.67l.23 1.4" />
+  <path d="m16.01 17.93-.23 1.4A2 2 0 0 1 13.8 21H9.5a5.96 5.96 0 0 0 1.49-3.98" />
+</svg>

icons/globe-2.svg

@@ -9,8 +9,8 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <path d="M15 21v-4a2 2 0 0 1 2-2h4" />
-  <path d="M7 4v2a3 3 0 0 0 3 2h0a2 2 0 0 1 2 2 2 2 0 0 0 4 0 2 2 0 0 1 2-2h3" />
-  <path d="M3 11h2a2 2 0 0 1 2 2v1a2 2 0 0 0 2 2 2 2 0 0 1 2 2v4" />
+  <path d="M21.54 15H17a2 2 0 0 0-2 2v4.54" />
+  <path d="M7 3.34V5a3 3 0 0 0 3 3v0a2 2 0 0 1 2 2v0c0 1.1.9 2 2 2v0a2 2 0 0 0 2-2v0c0-1.1.9-2 2-2h3.17" />
+  <path d="M11 21.95V18a2 2 0 0 0-2-2v0a2 2 0 0 1-2-2v-1a2 2 0 0 0-2-2H2.05" />
   <circle cx="12" cy="12" r="10" />
 </svg>

icons/grip-horizontal.json

@@ -3,7 +3,9 @@
   "tags": [
     "grab",
     "dots",
-    "handle"
+    "handle",
+    "move",
+    "drag"
   ],
   "categories": [
     "layout"

icons/grip.json

@@ -0,0 +1,13 @@
+{
+  "$schema": "../icon.schema.json",
+  "tags": [
+    "grab",
+    "dots",
+    "handle",
+    "move",
+    "drag"
+  ],
+  "categories": [
+    "layout"
+  ]
+}

icons/grip.svg

@@ -0,0 +1,21 @@
+<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="5" r="1" />
+  <circle cx="19" cy="5" r="1" />
+  <circle cx="5" cy="5" r="1" />
+  <circle cx="12" cy="12" r="1" />
+  <circle cx="19" cy="12" r="1" />
+  <circle cx="5" cy="12" r="1" />
+  <circle cx="12" cy="19" r="1" />
+  <circle cx="19" cy="19" r="1" />
+  <circle cx="5" cy="19" r="1" />
+</svg>

icons/ice-cream-2.json

@@ -0,0 +1,15 @@
+{
+  "$schema": "../icon.schema.json",
+  "tags": [
+    "gelato",
+    "food",
+    "dessert",
+    "dish",
+    "restaurant",
+    "course",
+    "meal"
+  ],
+  "categories": [
+    "food-beverage"
+  ]
+}

icons/ice-cream-2.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 17c5 0 8-2.69 8-6H4c0 3.31 3 6 8 6Zm-4 4h8m-4-3v3M5.14 11a3.5 3.5 0 1 1 6.71 0"/>
+  <path d="M12.14 11a3.5 3.5 0 1 1 6.71 0"/>
+  <path d="M15.5 6.5a3.5 3.5 0 1 0-7 0"/>
+</svg>

icons/mail-warning.json

@@ -4,9 +4,10 @@
     "email",
     "message",
     "letter",
-    "delivery error"
+    "delivery error",
+    "exclamation mark"
   ],
   "categories": [
     "mail"
   ]
-}
+}

icons/picture-in-picture-2.json

@@ -0,0 +1,16 @@
+{
+  "$schema": "../icon.schema.json",
+  "tags": [
+    "display",
+    "play",
+    "video",
+    "pop out",
+    "always on top",
+    "window",
+    "inset",
+    "multitask"
+  ],
+  "categories": [
+    "multimedia"
+  ]
+}

icons/picture-in-picture-2.svg

@@ -0,0 +1,14 @@
+<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="M21 9V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v10c0 1.1.9 2 2 2h4" />
+  <rect x="12" y="13" width="10" height="7" rx="2" />
+</svg>

icons/picture-in-picture.json

@@ -0,0 +1,16 @@
+{
+  "$schema": "../icon.schema.json",
+  "tags": [
+    "display",
+    "play",
+    "video",
+    "pop out",
+    "always on top",
+    "window",
+    "inset",
+    "multitask"
+  ],
+  "categories": [
+    "multimedia"
+  ]
+}

icons/picture-in-picture.svg

@@ -0,0 +1,14 @@
+<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="M8 4.5v5H3m-1-6 6 6m13 0v-3c0-1.16-.84-2-2-2h-7m-9 9v2c0 1.05.95 2 2 2h3"/>
+  <rect width="10" height="7" x="12" y="13.5" ry="2"/>
+</svg>

icons/power-off.json

@@ -1,9 +1,12 @@
 {
   "$schema": "../icon.schema.json",
   "tags": [
-    "device"
+    "on",
+    "off",
+    "device",
+    "switch"
   ],
   "categories": [
     "connectivity"
   ]
-}
+}

icons/power.json

@@ -3,9 +3,10 @@
   "tags": [
     "on",
     "off",
-    "device"
+    "device",
+    "switch"
   ],
   "categories": [
     "connectivity"
   ]
-}
+}

icons/remove-formatting.json

@@ -0,0 +1,17 @@
+{
+  "$schema": "../icon.schema.json",
+  "tags": [
+    "text",
+    "font",
+    "typography",
+    "format",
+    "x",
+    "remove",
+    "delete",
+    "times",
+    "clear"
+  ],
+  "categories": [
+    "text"
+  ]
+}

icons/remove-formatting.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="M4 7V4h16v3" />
+  <path d="M5 20h6" />
+  <path d="M13 4 8 20" />
+  <path d="m15 15 5 5" />
+  <path d="m20 15-5 5" />
+</svg>

icons/salad.json

@@ -0,0 +1,17 @@
+{
+  "$schema": "../icon.schema.json",
+  "tags": [
+    "food",
+    "vegetarian",
+    "dish",
+    "restaurant",
+    "course",
+    "meal",
+    "side",
+    "vegetables",
+    "health"
+  ],
+  "categories": [
+    "food-beverage"
+  ]
+}

icons/salad.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="M7 21h10" />
+  <path d="M12 21a9 9 0 0 0 9-9H3a9 9 0 0 0 9 9Z" />
+  <path d="M11.38 12a2.4 2.4 0 0 1-.4-4.77 2.4 2.4 0 0 1 3.2-2.77 2.4 2.4 0 0 1 3.47-.63 2.4 2.4 0 0 1 3.37 3.37 2.4 2.4 0 0 1-1.1 3.7 2.51 2.51 0 0 1 .03 1.1" />
+  <path d="m13 12 4-4" />
+  <path d="M10.9 7.25A3.99 3.99 0 0 0 4 10c0 .73.2 1.41.54 2" />
+</svg>

icons/sandwich.json

@@ -0,0 +1,14 @@
+{
+  "$schema": "../icon.schema.json",
+  "tags": [
+    "food",
+    "snack",
+    "dish",
+    "restaurant",
+    "lunch",
+    "meal"
+  ],
+  "categories": [
+    "food-beverage"
+  ]
+}

icons/sandwich.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="M3 11v3a1 1 0 0 0 1 1h16a1 1 0 0 0 1-1v-3" />
+  <path d="M12 19H4a1 1 0 0 1-1-1v-2a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-3.83" />
+  <path d="m3 11 7.77-6.04a2 2 0 0 1 2.46 0L21 11H3Z" />
+  <path d="M12.97 19.77 7 15h12.5l-3.75 4.5a2 2 0 0 1-2.78.27Z" />
+</svg>

icons/soup.json

@@ -0,0 +1,15 @@
+{
+  "$schema": "../icon.schema.json",
+  "tags": [
+    "food",
+    "dish",
+    "restaurant",
+    "course",
+    "meal",
+    "bowl",
+    "starter"
+  ],
+  "categories": [
+    "food-beverage"
+  ]
+}

icons/soup.svg

@@ -0,0 +1,18 @@
+<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 21a9 9 0 0 0 9-9H3a9 9 0 0 0 9 9Z" />
+  <path d="M7 21h10" />
+  <path d="M19.5 12 22 6" />
+  <path d="M16.25 3c.27.1.8.53.75 1.36-.06.83-.93 1.2-1 2.02-.05.78.34 1.24.73 1.62" />
+  <path d="M11.25 3c.27.1.8.53.74 1.36-.05.83-.93 1.2-.98 2.02-.06.78.33 1.24.72 1.62" />
+  <path d="M6.25 3c.27.1.8.53.75 1.36-.06.83-.93 1.2-1 2.02-.05.78.34 1.24.74 1.62" />
+</svg>

icons/subtitles.json

@@ -0,0 +1,9 @@
+{
+  "$schema": "../icon.schema.json",
+  "tags": [
+    "captions",
+    "closed captions",
+    "accessibility"
+  ],
+  "categories": []
+}

icons/toggle-left.svg

@@ -9,6 +9,6 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <rect x="1" y="5" width="22" height="14" rx="7" ry="7" />
-  <circle cx="8" cy="12" r="3" />
+  <rect x="2" y="6" width="20" height="12" rx="6" ry="6" />
+  <circle cx="8" cy="12" r="2" />
 </svg>

icons/toggle-right.svg

@@ -9,6 +9,6 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <rect x="1" y="5" width="22" height="14" rx="7" ry="7" />
-  <circle cx="16" cy="12" r="3" />
+  <rect x="2" y="6" width="20" height="12" rx="6" ry="6" />
+  <circle cx="16" cy="12" r="2" />
 </svg>

icons/vote.json

@@ -0,0 +1,13 @@
+{
+  "$schema": "../icon.schema.json",
+  "tags": [
+    "vote",
+    "poll",
+    "ballot",
+    "political",
+    "social"
+  ],
+  "categories": [
+    "social"
+  ]
+}

icons/vote.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="m9 12 2 2 4-4" />
+  <path d="M5 7c0-1.1.9-2 2-2h10a2 2 0 0 1 2 2v12H5V7Z" />
+  <path d="M22 19H2" />
+</svg>

package.json

@@ -16,49 +16,27 @@
     "build:outline-icons": "pnpm --filter outline-svg start",
     "generate:supersprite": "node ./scripts/generateSuperSVG.mjs",
     "optimize": "node ./scripts/optimizeSvgs.mjs",
-    "addtags": "node ./scripts/addMissingKeysToTags.mjs",
+    "addjsons": "node scripts/addMissingIconJsonFiles.mjs",
     "checkIcons": "node scripts/checkIconsAndCategories.mjs --presets @babel/env",
     "tags2icons": "node scripts/migrateTagsToIcons.mjs --presets @babel/env",
     "icons2tags": "node scripts/migrateIconsToTags.mjs --presets @babel/env",
     "icons2categories": "node scripts/migrateIconsToCategories.mjs --presets @babel/env",
     "categories2icons": "node scripts/migrateCategoriesToIcons.mjs --presets @babel/env",
-    "icons2files": "node scripts/migrateIconsToJsonFiles.mjs --presets @babel/env",
     "generate:changelog": "node ./scripts/generateChangelog.mjs",
     "postinstall": "husky install",
     "lint": "eslint --ext .ts,.js,.mjs ./{packages/lucide,scripts}"
   },
   "devDependencies": {
-    "@atomico/rollup-plugin-sizes": "^1.1.4",
-    "@babel/cli": "^7.19.3",
-    "@babel/core": "^7.19.6",
-    "@babel/node": "^7.20.0",
-    "@babel/plugin-transform-runtime": "^7.19.6",
-    "@babel/preset-env": "^7.19.4",
-    "@rollup/plugin-babel": "^6.0.2",
-    "@rollup/plugin-commonjs": "^23.0.2",
-    "@rollup/plugin-node-resolve": "^15.0.1",
-    "@rollup/plugin-replace": "^5.0.1",
-    "@rollup/plugin-typescript": "^9.0.2",
-    "babel-jest": "^29.2.2",
-    "babel-plugin-add-import-extension": "^1.6.0",
-    "core-js": "^3.26.0",
-    "esbuild": "^0.15.12",
     "eslint": "^8.26.0",
     "eslint-config-airbnb-base": "^15.0.0",
     "eslint-config-prettier": "^8.5.0",
     "eslint-plugin-import": "^2.26.0",
     "eslint-plugin-prettier": "^4.2.1",
     "husky": "^8.0.1",
-    "jest": "^29.2.2",
     "lint-staged": "^13.0.3",
     "minimist": "^1.2.7",
     "node-fetch": "^3.2.10",
     "prettier": "2.7.1",
-    "rollup": "^3.2.4",
-    "rollup-plugin-license": "^3.0.1",
-    "rollup-plugin-terser": "^7.0.2",
-    "rollup-plugin-visualizer": "^5.8.3",
-    "svg-outline-stroke": "^1.3.1",
     "svgo": "^3.0.0",
     "svgson": "^5.2.1"
   },
@@ -70,5 +48,13 @@
   "lint-staged": {
     "icons/*.svg": "node ./scripts/optimizeStagedSvgs.mjs"
   },
-  "packageManager": "pnpm@7.14.0"
+  "packageManager": "pnpm@7.14.0",
+  "pnpm": {
+    "peerDependencyRules": {
+      "ignoreMissing": [
+        "@babel/core",
+        "@babel/preset-env"
+      ]
+    }
+  }
 }

packages/lucide-angular/package.json

@@ -1,7 +1,7 @@
 {
   "name": "lucide-angular",
   "description": "A Lucide icon library package for Angular applications",
-  "version": "0.102.0",
+  "version": "0.114.0",
   "author": "SMAH1",
   "license": "ISC",
   "homepage": "https://lucide.dev",
@@ -28,7 +28,7 @@
     "build": "pnpm clean && pnpm copy:license && pnpm build:icons && pnpm build:ng",
     "copy:license": "cp ../../LICENSE ./LICENSE",
     "clean": "rm -rf dist && rm -rf ./src/icons/*.ts",
-    "build:icons": "node ../../scripts/buildIcons.mjs --output=./src --templateSrc=./scripts/exportTemplate.mjs --iconFileExtention=.ts --exportFileName=index.ts",
+    "build:icons": "build-icons --output=./src --templateSrc=./scripts/exportTemplate.mjs --iconFileExtension=.ts --exportFileName=index.ts",
     "build:ng": "ng build  --configuration production",
     "test": "ng test --no-watch --no-progress --browsers=ChromeHeadlessCI",
     "test:watch": "ng test",
@@ -48,6 +48,7 @@
     "@angular/core": "~14.2.7",
     "@angular/platform-browser": "~14.2.7",
     "@angular/platform-browser-dynamic": "~14.2.7",
+    "@lucide/build-icons": "workspace:*",
     "@types/jasmine": "~4.3.0",
     "@types/node": "^18.11.4",
     "codelyzer": "^6.0.2",

packages/lucide-figma/src/api/fetchIcons.ts

@@ -23,8 +23,10 @@ export const fetchIcons = async (cachedIcons? : LucideIcons): Promise<LucideIcon
     return cachedIcons
   }
 
-  const iconNodesResponse = await fetch(`https://unpkg.com/lucide-static@${packageJson.version}/icon-nodes.json`)
-  const tagsResponse = await fetch('https://unpkg.com/lucide-static@latest/tags.json')
+  const [iconNodesResponse, tagsResponse] = await Promise.all([
+    fetch('https://lucide.dev/api/icon-nodes'),
+    fetch('https://lucide.dev/api/tags')
+  ])
 
   const iconNodes = await iconNodesResponse.json();
   const tags = await tagsResponse.json();

packages/lucide-flutter/pubspec.yaml

@@ -1,6 +1,6 @@
 name: lucide_icons
 description: A Lucide icon library package for Flutter applications. Fork of Feather Icons, open for anyone to contribute icons.
-version: 0.102.0
+version: 0.114.0
 homepage: https://lucide.dev
 repository: https://github.com/lucide-icons/lucide
 

packages/lucide-preact/babel.config.js

@@ -1,6 +0,0 @@
-const mainConfig = require('../../babel.config');
-
-module.exports = {
-  presets: ['preact'],
-  env: mainConfig.env,
-};

packages/lucide-preact/jest.config.js

@@ -1,9 +0,0 @@
-module.exports = {
-  verbose: true,
-  roots: ['<rootDir>/src/', '<rootDir>/tests/'],
-  moduleFileExtensions: ['js'],
-  transformIgnorePatterns: [`/node_modules`],
-  transform: {
-    '^.+\\.js$': 'babel-jest',
-  },
-};

packages/lucide-preact/package.json

@@ -1,7 +1,7 @@
 {
   "name": "lucide-preact",
   "description": "A Lucide icon library package for Preact applications",
-  "version": "0.102.0",
+  "version": "0.114.0",
   "license": "ISC",
   "homepage": "https://lucide.dev",
   "bugs": "https://github.com/lucide-icons/lucide/issues",
@@ -22,21 +22,26 @@
   ],
   "sideEffects": false,
   "scripts": {
-    "build": "pnpm clean && pnpm copy:license && pnpm build:icons && pnpm build:es && pnpm build:types && pnpm build:bundles",
+    "build": "pnpm clean && pnpm copy:license && pnpm build:icons && pnpm build:bundles && pnpm build:types",
     "copy:license": "cp ../../LICENSE ./LICENSE",
     "clean": "rm -rf dist && rm -rf stats && rm -rf ./src/icons/*.js",
-    "build:icons": "node ../../scripts/buildIcons.mjs --output=./src --templateSrc=./scripts/exportTemplate.mjs --renderUniqueKey",
-    "build:es": "babel src -d dist/esm",
+    "build:icons": "build-icons --output=./src --templateSrc=./scripts/exportTemplate.mjs --renderUniqueKey --withAliases --aliasesFileExtension=.ts --iconFileExtension=.ts --exportFileName=index.ts",
     "build:types": "node ./scripts/buildTypes.mjs",
     "build:bundles": "rollup -c ./rollup.config.mjs",
-    "test": "jest",
+    "test": "vitest run",
     "version": "pnpm version --git-tag-version=false"
   },
   "devDependencies": {
+    "@lucide/rollup-plugins": "workspace:*",
+    "@lucide/build-icons": "workspace:*",
+    "@preact/preset-vite": "^2.4.0",
+    "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/preact": "^2.0.1",
-    "babel-preset-preact": "^2.0.0",
-    "jest": "^26.6.3",
-    "preact": "^10.5.13"
+    "preact": "^10.11.2",
+    "rollup": "^3.5.1",
+    "typescript": "^4.8.4",
+    "vite": "^3.1.0",
+    "vitest": "^0.24.3"
   },
   "peerDependencies": {
     "preact": "^10.5.13"

packages/lucide-preact/rollup.config.mjs

@@ -1,10 +1,10 @@
-import plugins from '../../rollup.plugins.mjs';
+import plugins, { replace } from '@lucide/rollup-plugins';
 import pkg from './package.json' assert { type: "json" };
 
 const packageName = 'LucidePreact';
 const outputFileName = 'lucide-preact';
 const outputDir = 'dist';
-const inputs = [`src/lucide-preact.js`];
+const inputs = [`src/lucide-preact.ts`];
 const bundles = [
   {
     format: 'umd',
@@ -22,17 +22,47 @@ const bundles = [
     inputs,
     outputDir,
   },
+  {
+    format: 'es',
+    inputs,
+    outputDir,
+  },
+  {
+    format: 'esm',
+    inputs,
+    outputDir,
+    preserveModules: true,
+  },
 ];
 
 const configs = bundles
-  .map(({ inputs, outputDir, format, minify }) =>
+  .map(({ inputs, outputDir, format, minify, preserveModules }) =>
     inputs.map(input => ({
       input,
-      plugins: plugins(pkg, minify),
+      plugins: [
+        ...(
+          format !== 'esm' ? [
+            replace({
+              "export * from './aliases';": '',
+              "export * as icons from './icons';": '',
+              delimiters: ['', ''],
+              preventAssignment: false,
+            }),
+          ] : []
+        ),
+        ...plugins(pkg, minify)
+      ],
       external: ['preact', 'prop-types'],
       output: {
         name: packageName,
-        file: `${outputDir}/${format}/${outputFileName}${minify ? '.min' : ''}.js`,
+        ...(preserveModules
+          ? {
+              dir: `${outputDir}/${format}`,
+            }
+          : {
+              file: `${outputDir}/${format}/${outputFileName}${minify ? '.min' : ''}.js`,
+            }),
+        preserveModules,
         format,
         sourcemap: true,
         globals: {

packages/lucide-preact/scripts/buildTypes.mjs

@@ -1,18 +1,27 @@
 import path from 'path';
+// eslint-disable-next-line import/no-extraneous-dependencies
+import { getAliases } from '@lucide/build-icons';
 import {
   writeFile,
   readSvgDirectory,
   resetFile,
   toPascalCase,
-  appendFile,
-  getCurrentDirPath
+  getCurrentDirPath,
 } from '../../../scripts/helpers.mjs';
 
-const currentDir = getCurrentDirPath(import.meta.url)
+const currentDir = getCurrentDirPath(import.meta.url);
 const srcDirectory = path.join(currentDir, '../dist');
 
+const writeDeclarationFile = (typesFile, directory, content) => {
+  resetFile(typesFile, directory);
+  writeFile(content, typesFile, directory);
+};
+
+const ICONS_DIR = path.resolve(currentDir, '../../../icons');
+const TYPES_FILE = 'lucide-preact.d.ts';
+
 // Declare type definitions
-const typeDefinitions = `\
+let declarationFileContent = `\
 /// <reference types="preact" />
 import { JSX, RefObject } from 'preact'
 
@@ -24,23 +33,59 @@ interface LucideProps extends Partial<Omit<JSX.SVGAttributes, "ref" | "size">> {
   strokeWidth?: string | number
 }
 
+export type LucideIcon = (props: LucideProps) => JSX.Element;
+
+export type IconNode = [elementName: keyof ReactSVG, attrs: Record<string, string>][]
+
+export declare const createLucideIcon: (iconName: string, iconNode: IconNode) => LucideIcon;
+
 // Generated icons
 `;
 
-const ICONS_DIR = path.resolve(currentDir, '../../../icons');
-const TYPES_FILE = 'lucide-preact.d.ts';
-
-resetFile(TYPES_FILE, srcDirectory);
-writeFile(typeDefinitions, TYPES_FILE, srcDirectory);
-
 const svgFiles = readSvgDirectory(ICONS_DIR);
 
-svgFiles.forEach(svgFile => {
+svgFiles.forEach((svgFile) => {
   const iconName = path.basename(svgFile, '.svg');
   const componentName = toPascalCase(iconName);
 
-  const exportTypeString = `export declare const ${componentName}: (props: LucideProps) => JSX.Element;\n`;
-  appendFile(exportTypeString, TYPES_FILE, srcDirectory);
+  declarationFileContent += `export declare const ${componentName}: LucideIcon;\n`;
 });
 
-console.log(`Generated ${TYPES_FILE} file with`, svgFiles.length, 'icons');
+const aliases = await getAliases(ICONS_DIR);
+
+declarationFileContent += `
+// Generated icon aliases
+
+`;
+
+let aliasesCount = 0;
+
+svgFiles.forEach((svgFile) => {
+  const iconName = path.basename(svgFile, '.svg');
+  const componentName = toPascalCase(iconName);
+  const iconAliases = aliases[iconName]?.aliases;
+
+  declarationFileContent += `// ${componentName} aliases\n`;
+  declarationFileContent += `export declare const ${componentName}Icon: LucideIcon;\n`;
+  declarationFileContent += `export declare const Lucide${componentName}: LucideIcon;\n`;
+  aliasesCount += 1;
+  if (iconAliases != null && Array.isArray(iconAliases)) {
+    iconAliases.forEach((alias) => {
+      const componentNameAlias = toPascalCase(alias);
+      declarationFileContent += `export declare const ${componentNameAlias}: LucideIcon;\n`;
+
+      aliasesCount += 1;
+    });
+  }
+
+  declarationFileContent += '\n';
+});
+
+writeDeclarationFile(TYPES_FILE, srcDirectory, declarationFileContent);
+console.log(
+  `Generated ${TYPES_FILE} file with`,
+  svgFiles.length,
+  'icons and with',
+  aliasesCount,
+  'aliases',
+);

packages/lucide-preact/scripts/exportTemplate.mjs

@@ -1,7 +1,7 @@
 export default ({ componentName, children }) => `
-import createPreactComponent from '../createPreactComponent';
+import createLucideIcon from '../createLucideIcon';
 
-const ${componentName} = createPreactComponent('${componentName}', ${JSON.stringify(children)});
+const ${componentName} = createLucideIcon('${componentName}', ${JSON.stringify(children)});
 
 export default ${componentName};
 `;

packages/lucide-preact/src/createLucideIcon.ts

@@ -0,0 +1,45 @@
+import { ComponentType, FunctionComponent, h, JSX, RefObject, toChildArray } from 'preact';
+import defaultAttributes from './defaultAttributes';
+
+type IconNode = [elementName: keyof JSX.IntrinsicElements, attrs: Record<string, string>][]
+
+interface LucideProps extends Partial<Omit<JSX.SVGAttributes, "ref" | "size">> {
+  color?: string
+  size?: string | number
+  strokeWidth?: string | number
+}
+
+/**
+ * Converts string to KebabCase
+ * Copied from scripts/helper. If anyone knows how to properly import it here
+ * then please fix it.
+ *
+ * @param {string} string
+ * @returns {string} A kebabized string
+ */
+export const toKebabCase = (string: string) => string.replace(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase();
+
+const createLucideIcon = (iconName: string, iconNode: IconNode): FunctionComponent<LucideProps> => {
+  const Component = (
+    { color = 'currentColor', size = 24, strokeWidth = 2, children, ...rest }: LucideProps
+  ) =>
+    h(
+      'svg' as unknown as ComponentType<Partial<JSX.SVGAttributes<SVGElement> & { 'stroke-width': number | string }>>,
+      {
+        ...defaultAttributes,
+        width:  String(size),
+        height: size,
+        stroke: color,
+        ['stroke-width' as 'strokeWidth']: strokeWidth,
+        class: `lucide lucide-${toKebabCase(iconName)}`,
+        ...rest,
+      },
+      [...iconNode.map(([tag, attrs]) => h(tag, attrs)), ...toChildArray(children)],
+    );
+
+  Component.displayName = `${iconName}`;
+
+  return Component;
+};
+
+export default createLucideIcon

packages/lucide-preact/src/createPreactComponent.js

@@ -1,33 +0,0 @@
-import { h, toChildArray } from 'preact';
-import defaultAttributes from './defaultAttributes';
-
-/**
- * Converts string to KebabCase
- * Copied from scripts/helper. If anyone knows how to properly import it here
- * then please fix it.
- *
- * @param {string} string
- * @returns {string} A kebabized string
- */
-export const toKebabCase = string => string.replace(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase();
-
-export default (iconName, iconNode) => {
-  const Component = ({ color = 'currentColor', size = 24, strokeWidth = 2, children, ...rest }) =>
-    h(
-      'svg',
-      {
-        ...defaultAttributes,
-        width: size,
-        height: size,
-        stroke: color,
-        'stroke-width': strokeWidth,
-        class: `lucide lucide-${toKebabCase(iconName)}`,
-        ...rest,
-      },
-      [...iconNode.map(([tag, attrs]) => h(tag, attrs)), ...toChildArray(children)],
-    );
-
-  Component.displayName = `${iconName}`;
-
-  return Component;
-};

packages/lucide-preact/src/defaultAttributes.ts

@@ -5,7 +5,7 @@ export default {
   viewBox: '0 0 24 24',
   fill: 'none',
   stroke: 'currentColor',
-  'stroke-width': 2,
+  'stroke-width': '2',
   'stroke-linecap': 'round',
   'stroke-linejoin': 'round',
 };

packages/lucide-preact/src/lucide-preact.js

@@ -1 +0,0 @@
-export * from './icons';

packages/lucide-preact/src/lucide-preact.ts

@@ -0,0 +1,4 @@
+export * from './icons';
+export * as icons from './icons';
+export * from './aliases';
+export { default as createLucideIcon } from './createLucideIcon';

packages/lucide-preact/tests/__snapshots__/lucide-preact.spec.js.snap

@@ -1,5 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Using lucide icon components should adjust the size, stroke color and stroke width 1`] = `"<svg xmlns=\\"http://www.w3.org/2000/svg\\" width=\\"48\\" height=\\"48\\" viewBox=\\"0 0 24 24\\" fill=\\"none\\" stroke=\\"red\\" stroke-width=\\"4\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" class=\\"lucide lucide-grid\\" data-testid=\\"grid-icon\\"><rect x=\\"3\\" y=\\"3\\" width=\\"18\\" height=\\"18\\" rx=\\"2\\" ry=\\"2\\"></rect><line x1=\\"3\\" y1=\\"9\\" x2=\\"21\\" y2=\\"9\\"></line><line x1=\\"3\\" y1=\\"15\\" x2=\\"21\\" y2=\\"15\\"></line><line x1=\\"9\\" y1=\\"3\\" x2=\\"9\\" y2=\\"21\\"></line><line x1=\\"15\\" y1=\\"3\\" x2=\\"15\\" y2=\\"21\\"></line></svg>"`;
-
-exports[`Using lucide icon components should render an component 1`] = `"<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\\" class=\\"lucide lucide-grid\\"><rect x=\\"3\\" y=\\"3\\" width=\\"18\\" height=\\"18\\" rx=\\"2\\" ry=\\"2\\"></rect><line x1=\\"3\\" y1=\\"9\\" x2=\\"21\\" y2=\\"9\\"></line><line x1=\\"3\\" y1=\\"15\\" x2=\\"21\\" y2=\\"15\\"></line><line x1=\\"9\\" y1=\\"3\\" x2=\\"9\\" y2=\\"21\\"></line><line x1=\\"15\\" y1=\\"3\\" x2=\\"15\\" y2=\\"21\\"></line></svg>"`;

packages/lucide-preact/tests/__snapshots__/lucide-preact.spec.tsx.snap

@@ -0,0 +1,5 @@
+// Vitest Snapshot v1
+
+exports[`Using lucide icon components > should adjust the size, stroke color and stroke width 1`] = `"<svg xmlns=\\"http://www.w3.org/2000/svg\\" width=\\"48\\" height=\\"48\\" viewBox=\\"0 0 24 24\\" fill=\\"none\\" stroke=\\"red\\" stroke-width=\\"4\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" class=\\"lucide lucide-grid\\" data-testid=\\"grid-icon\\"><rect x=\\"3\\" y=\\"3\\" width=\\"18\\" height=\\"18\\" rx=\\"2\\" ry=\\"2\\"></rect><line x1=\\"3\\" y1=\\"9\\" x2=\\"21\\" y2=\\"9\\"></line><line x1=\\"3\\" y1=\\"15\\" x2=\\"21\\" y2=\\"15\\"></line><line x1=\\"9\\" y1=\\"3\\" x2=\\"9\\" y2=\\"21\\"></line><line x1=\\"15\\" y1=\\"3\\" x2=\\"15\\" y2=\\"21\\"></line></svg>"`;
+
+exports[`Using lucide icon components > should render an component 1`] = `"<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\\" class=\\"lucide lucide-grid\\"><rect x=\\"3\\" y=\\"3\\" width=\\"18\\" height=\\"18\\" rx=\\"2\\" ry=\\"2\\"></rect><line x1=\\"3\\" y1=\\"9\\" x2=\\"21\\" y2=\\"9\\"></line><line x1=\\"3\\" y1=\\"15\\" x2=\\"21\\" y2=\\"15\\"></line><line x1=\\"9\\" y1=\\"3\\" x2=\\"9\\" y2=\\"21\\"></line><line x1=\\"15\\" y1=\\"3\\" x2=\\"15\\" y2=\\"21\\"></line></svg>"`;

packages/lucide-preact/tests/lucide-preact.spec.js

@@ -1,30 +0,0 @@
-import { h } from 'preact'
-import { render } from '@testing-library/preact'
-import { Grid } from '../src/icons'
-
-describe('Using lucide icon components', () => {
-  it('should render an component', () => {
-    const { container } = render( <Grid/> );
-
-    expect( container.innerHTML ).toMatchSnapshot();
-  });
-
-  it('should adjust the size, stroke color and stroke width', () => {
-    const testId = 'grid-icon';
-    const { container, getByTestId } = render(
-      <Grid
-        data-testid={testId}
-        size={48}
-        stroke="red"
-        strokeWidth={4}
-      />,
-    );
-
-    const { attributes } = getByTestId(testId);
-    expect(attributes.stroke.value).toBe('red');
-    expect(attributes.width.value).toBe('48');
-    expect(attributes.height.value).toBe('48');
-    expect(attributes['stroke-width'].value).toBe('4');
-    expect( container.innerHTML ).toMatchSnapshot();
-  });
-})

packages/lucide-preact/tests/lucide-preact.spec.tsx

@@ -1,6 +1,6 @@
-import React from 'react';
-import { render } from '@testing-library/react'
-import { Grid } from '../src/icons'
+import { describe, it, expect } from 'vitest';
+import { render, cleanup } from '@testing-library/preact'
+import { Pen, Edit2, Grid } from '../src/lucide-preact';
 
 describe('Using lucide icon components', () => {
   it('should render an component', () => {
@@ -25,7 +25,33 @@ describe('Using lucide icon components', () => {
     expect(attributes.width.value).toBe('48');
     expect(attributes.height.value).toBe('48');
     expect(attributes['stroke-width'].value).toBe('4');
-
     expect( container.innerHTML ).toMatchSnapshot();
   });
+
+  it('should render the alias icon', () => {
+    const testId = 'pen-icon';
+    const { container } = render(
+      <Pen
+        data-testid={testId}
+        size={48}
+        stroke="red"
+        strokeWidth={4}
+      />,
+    );
+
+    const PenIconRenderedHTML = container.innerHTML
+
+    cleanup()
+
+    const { container: Edit2Container } = render(
+      <Edit2
+        data-testid={testId}
+        size={48}
+        stroke="red"
+        strokeWidth={4}
+      />,
+    );
+
+    expect(PenIconRenderedHTML).toBe(Edit2Container.innerHTML)
+  });
 })

packages/lucide-preact/tests/setupVitest.js

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

packages/lucide-preact/tsconfig.json

@@ -0,0 +1,24 @@
+{
+  "compilerOptions": {
+    "strict": true,
+    "declaration": false,
+    "noEmitOnError": true,
+    "noEmit": true,
+    "noFallthroughCasesInSwitch": true,
+    "moduleResolution": "node",
+    "module": "ESNext",
+    "target": "ESNext",
+    "esModuleInterop": true,
+    "isolatedModules": true,
+    "lib": ["esnext", "dom"],
+    "skipLibCheck": true,
+    "resolveJsonModule": true,
+    "allowSyntheticDefaultImports": true,
+    "downlevelIteration": true,
+    "sourceMap": true,
+    "outDir": "./dist",
+    "jsx": "react-jsx",
+    "jsxImportSource": "preact",
+  },
+  "exclude": ["**/node_modules"]
+}

packages/lucide-preact/vitest.config.ts

@@ -0,0 +1,19 @@
+import { defineConfig } from 'vitest/config'
+import preact from '@preact/preset-vite'
+
+export default defineConfig({
+  plugins: [preact()],
+  test: {
+    globals: true,
+    environment: 'jsdom',
+    transformMode: {
+      web: [/\.jsx?$/],
+    },
+    setupFiles: './tests/setupVitest.js',
+    threads: false,
+    isolate: false,
+  },
+  resolve: {
+    mainFields: ['module'],
+  },
+});

packages/lucide-react-native/__mocks__/react-native-svg/index.ts

@@ -1,10 +1,10 @@
-// @flow
-
 // https://github.com/FormidableLabs/react-native-svg-mock
 import React from 'react';
+import type { LucideProps } from '../../src/createReactComponent';
+export type { SvgProps } from 'react-native-svg';
 
-const createComponent = function(name) {
-  const component = (props) => {
+const createComponent = function(name: string) {
+  const component = (props: LucideProps) => {
     return React.createElement(name, props, props.children);
   }