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

@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](https://dev.materialdesignicons.com/guide/webfont-alternatives) 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