Consider using @mdi/js instead of @mdi/font

[usu]

@mdi/font imports every icon, while @mdi/js imports used icons only

The recommended method would be to use @mdi/js:

from https://dev.materialdesignicons.com/getting-started:

Using the webfont while easy to use is highly discouraged due to performance and overall request size. Please read the Webfont Alternatives Guide for more details.

Usage in Vuetify: https://vuetifyjs.com/en/features/icon-fonts/#material-design-icons-js-svg https://vuetifyjs.com/en/components/icons/#mdi-svg

[manuelmeister]

I think we could also go this way: https://github.com/antfu/unplugin-icons

Iconify is very cool and has a big range of different icon sets. It is developed by a core member of vue, vite and nuxt

[carlobeltrame]

And vuetify supports that?