How can I set up icons locally?

[Artanisky]

Description

I use vitejs and @nuxt/ui 3.0.2 and I need to use the icons locally.

I did not find any configuration options in the documentation.

I tried installing @iconify-json/lucide packages, etc. and configuring the config from @nuxt/icons. There is no result yet. Do you have any ideas?

[benjamincanac]

You can checkout this page: https://ui.nuxt.com/getting-started/icons/vue, @nuxt/ui with Vue uses @iconify/vue under the hood so you have access to any icon without doing anything.

[Artanisky]

You can checkout this page: https://ui.nuxt.com/getting-started/icons/vue, @nuxt/ui with Vue uses @iconify/vue under the hood so you have access to any icon without doing anything.

Without configuration(If it is possible), it uses a cdn, but I want to use the local icons that are installed in packages and then after the build were inside the code.

The documentation only states the option to change the theme.

[benjamincanac]

This is what @nuxt/icon is all about, have you considered switching to Nuxt?

[Artanisky]

This is what @nuxt/icon is all about, have you considered switching to Nuxt?

On the contrary, I switched from Nuxt to pure Vite. There is no way back

[benjamincanac]

Then I'm afraid I can't do anything for you, @nuxt/icon bundles and serves your icons from the server but you need a server to do that.

[Artanisky]

Thx, Perhaps in future versions of @nuxt/ui, you could add the ability to configure this.