Icons cannot display
#18538
-
I want to introduce vuetify into my project, but the icons are not displaying. Here's what I did: import { createApp } from 'vue'
import App from './App.vue'
import 'vuetify/styles'
import { createVuetify } from 'vuetify'
import * as components from 'vuetify/components'
import * as directives from 'vuetify/directives'
import { aliases, mdi } from 'vuetify/iconsets/mdi'
const vuetify = createVuetify({
components,
directives,
icons: {
defaultSet: 'mdi',
aliases,
sets: {
mdi,
},
},
})
createApp(App).use(vuetify).mount('#app') I added the following in App.vue: <template>
<v-app>
<v-container>
<v-icon icon="mdi-home" />
<v-btn icon="mdi-calendar">TEST</v-btn>
</v-container>
</v-app>
</template> But the icons are not displaying. Even after I added import { aliases, mdi } from 'vuetify/iconsets/mdi-svg' The icons are still not displaying. |
Beta Was this translation helpful? Give feedback.
Answered by
carvenl
Oct 29, 2023
Replies: 1 comment
-
Missed
|
Beta Was this translation helpful? Give feedback.
0 replies
Answer selected by
carvenl
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Missed
npm install @mdi/font -D
and