vuetify-nuxt-module icon indicating copy to clipboard operation
vuetify-nuxt-module copied to clipboard

[Question] Custom Icons + MDI Icons

Open skoenfaelt opened this issue 8 months ago • 0 comments

Hey, I checked this docs section,

https://nuxt.vuetifyjs.com/guide/icons/integrations.html#nuxt-icon https://github.com/userquin/vuetify-nuxt-icon-integration/tree/main

The integration of own custom icons seems very simple.

In my project i use aliases for MDI like this:

// Nuxt config file
import { defineNuxtConfig } from 'nuxt/config'

export default defineNuxtConfig({
  modules: ['vuetify-nuxt-module'],
  vuetify: {
    vuetifyOptions: {
      icons: {
        defaultSet: 'mdi-svg',
        svg: {
          mdi: {
            aliases: {
              account: 'mdiAccount'
            }
          }
        }
      }
    }
  }
})

For the most cases I have enough icons to bring the just right UX. In some edge cases I need a specific Icon. We made some svg Icons, which i want to use alongside with the MDI icons and if possible also with aliases.

But how to implement this? And can I really use MDI Icons and those custom Icons at the same time?

skoenfaelt avatar May 07 '25 05:05 skoenfaelt