feat: add lucide icon (#1702)

oblador · Feb 2, 2025 · 9787881 · 9787881
1 parent 47aba62
commit 9787881
Show file tree

Hide file tree

Showing 16 changed files with 8,093 additions and 0 deletions.
diff --git a/.knip.jsonc b/.knip.jsonc
@@ -103,6 +103,9 @@
     "packages/ionicons": {
       "ignoreDependencies": ["ionicons"]
     },
+    "packages/lucide": {
+      "ignoreDependencies": ["lucide-static"]
+    },
     "packages/material-design-icons": {
       "ignoreDependencies": ["@mdi/font"]
     },

diff --git a/README.md b/README.md
@@ -50,6 +50,7 @@ RNVI comes with the following supported icons. You can [search NPM](https://www.
 - [`Ionicons`](https://ionic.io/ionicons) crafted by Ionic (v7.4.0 containing _1356_ icons)
 - [`MaterialDesignIcons`](https://pictogrammers.com/library/mdi/) from MaterialDesignIcons.com (v7.4.47 including _7448_ icons)
 - [`Octicons`](https://primer.style/foundations/icons) designed by GitHub, Inc. (v19.14.0 with _332_ icons)
+- [`Lucide`](https://lucide.dev/) designed by Lucide, (v0.473.0 with _1548_ icons)
 
 ### No longer maintained upstream
 

diff --git a/packages/icon-explorer/configPlugin.js b/packages/icon-explorer/configPlugin.js
@@ -31,6 +31,7 @@ module.exports = (config) =>
       'Zocial.ttf',
       'fontello.ttf',
       'icomoon.ttf',
+      'Lucide.ttf',
     ];
 
     fonts.forEach((font) => c.ios.infoPlist.UIAppFonts.push(font));

diff --git a/packages/icon-explorer/package.json b/packages/icon-explorer/package.json
@@ -38,6 +38,7 @@
     "@react-native-vector-icons/foundation": "workspace:^",
     "@react-native-vector-icons/icomoon": "workspace:^",
     "@react-native-vector-icons/ionicons": "workspace:^",
+    "@react-native-vector-icons/lucide": "workspace:^",
     "@react-native-vector-icons/material-design-icons": "workspace:^",
     "@react-native-vector-icons/material-icons": "workspace:^",
     "@react-native-vector-icons/octicons": "workspace:^",

diff --git a/packages/icon-explorer/src/icon-sets.tsx b/packages/icon-explorer/src/icon-sets.tsx
@@ -10,6 +10,7 @@ import FontAwesome6Pro from '@react-native-vector-icons/fontawesome6-pro';
 import Fontisto from '@react-native-vector-icons/fontisto';
 import Foundation from '@react-native-vector-icons/foundation';
 import Ionicons from '@react-native-vector-icons/ionicons';
+import Lucide from '@react-native-vector-icons/lucide';
 import MaterialDesignIcons from '@react-native-vector-icons/material-design-icons';
 import MaterialIcons from '@react-native-vector-icons/material-icons';
 import Octicons from '@react-native-vector-icons/octicons';
@@ -52,6 +53,8 @@ import FoundationGlyphs from '@react-native-vector-icons/foundation/glyphmaps/Fo
 // @ts-expect-error: We don't really want to export this
 import IoniconsGlyphs from '@react-native-vector-icons/ionicons/glyphmaps/Ionicons.json';
 // @ts-expect-error: We don't really want to export this
+import LucideGlyphs from '@react-native-vector-icons/lucide/glyphmaps/Lucide.json';
+// @ts-expect-error: We don't really want to export this
 import MaterialDesignIconsGlyphs from '@react-native-vector-icons/material-design-icons/glyphmaps/MaterialDesignIcons.json';
 // @ts-expect-error: We don't really want to export this
 import MaterialIconsGlyphs from '@react-native-vector-icons/material-icons/glyphmaps/MaterialIcons.json';
@@ -110,6 +113,7 @@ const iconSets = {
     meta: FontAwesome6ProMeta,
   },
   Fontello: { component: Fontello, glyphNames: groupGlyphNames(FontelloGlyphs), meta: undefined },
+  Lucide: { component: Lucide, glyphNames: groupGlyphNames(LucideGlyphs), meta: undefined },
   Fontisto: { component: Fontisto, glyphNames: groupGlyphNames(FontistoGlyphs), meta: undefined },
   Foundation: { component: Foundation, glyphNames: groupGlyphNames(FoundationGlyphs), meta: undefined },
   IcoMoon: { component: IcoMoon, glyphNames: groupGlyphNames(IcoMoonGlyphs), meta: undefined },