Categories
Vue Answers

How to fix Vue.js Vuetify icon not showing?

Spread the love

Sometimes, we want to fix Vue.js Vuetify icon not showing.

In this article, we’ll look at how to fix Vue.js Vuetify icon not showing.

How to fix Vue.js Vuetify icon not showing?

To fix Vue.js Vuetify icon not showing, we should install the material-design-icons-iconfont package.

To install it, we run

npm install --save material-design-icons-iconfont

Then we add

import 'material-design-icons-iconfont/dist/material-design-icons.css'

to the top of the main.js file in our Vue CLI Vue project.

Conclusion

To fix Vue.js Vuetify icon not showing, we should install the material-design-icons-iconfont package.

By John Au-Yeung

Web developer specializing in React, Vue, and front end development.

Leave a Reply

Your email address will not be published. Required fields are marked *