HTML
CSS
vue.js
vuetifyjs

v-iconを使ってもテキストが表示される

v-iconを使ってもアイコンが表示されない

<v-icon>info</v-icon>

スクリーンショット 2018-11-06 16.58.04.jpg

解決策

原因は style を書く時に scoped をつけていたのが原因

<v-icon>info</v-icon>

<style lang="scss" scoped>
// scopedが付いている
</style>

<v-icon>info</v-icon>

<style lang="scss">
// scopedを外す
</style>

スクリーンショット 2018-11-06 16.59.43.jpg

表示された!!

補足

scopedを使いつつ、v-iconを使いたい場合は、 v-icon 用にatomsを用意してあげると良さそう