Any way to access statically the list of icon names ?

[martin-cycle]

Package

• lucide
• lucide-angular
• lucide-flutter
• lucide-preact
• lucide-react
• lucide-react-native
• lucide-solid
• lucide-svelte
• lucide-vue
• lucide-vue-next
• Figma plugin
• source/main
• other/not relevant

Version

latest

Browser

• Chrome/Chromium
• Firefox
• Safari
• Edge
• iOS Safari
• Opera
• Other/not relevant

Operating system

• Windows
• Linux
• macOS
• Other/not relevant

Description

I would need to type the value of the icon used in the context of a graphql validator in a node express app.

Steps to reproduce

/

Checklist

• I have searched if someone has submitted a similar issue before and there weren't any. (Please make sure to also search closed issues, as this issue might already have been resolved.)

[ericfennis]

You can use lucide-static package for this. In the root there are some files which includes list of all icon names.
See NPM file explorer: https://www.npmjs.com/package/lucide-static?activeTab=code, for example the icon-nodes.json file has object with names and icon nodes.

[ericfennis]

@hitecSmartHome What is your use case?

[hitecSmartHome]

I want to create an icon picker component where i visually list all the available icons. For the love of god I can't figure out how to dynamically import all the icons

[hitecSmartHome]

@ericfennis Can you help me?

[ericfennis]

Did you already tried the dynamic imports?

[hitecSmartHome]

Did you already tried the dynamic imports?

No, I dont know how

[prpanto]

I really want the list of all the name of the icons.
@ericfennis what do you mean dynamic imports?

[karsa-mistmere]

I really want the list of all the name of the icons.

Then use lucide-static and import tags.json or icon-nodes.json

[karsa-mistmere]

@ericfennis what do you mean dynamic imports?

Depends on what framework you're using, for React for example you can use this guide: https://lucide.dev/guide/packages/lucide-react#with-dynamic-imports

But be warned that we only recommend using dynamic imports if you actually need to dynamically use every single icon Lucide offers (e.g. if your app needs to implement an icon picker component or something along these lines).

[prpanto]

Is there any list of icon names?

[prpanto]

To explain... I use lucide icon and i cal them with vuetify icon with just pass the icon-#name_of_lucide and I want all the icons name to make a picker...

[karsa-mistmere]

Is there any list of icon names?

Again: you can use tags.json or icon-nodes.json from lucide-static. If you want to implement a picker, you could also use the nodes from icon-nodes.json to manually render the SVGs from the picker, just as we do on lucide.dev or in our Figma plugin.