You can add an icon like <v-icon>backup</v-icon> but I can't find the list of supported words to be used inside the v-icon tag. There are lists for Material Design Icons and Font Awesome Icons, but what about the default ones?
Where can I find a list of icons to be used in vuetify?
Viewed 71965
5 Answers
Ok. I found in the Vuetify Icons Documentation that Material Icons from Google will be used by default.
Keep in mind that Material Icons are different from Material Design Icons!!!
I didn't notice that at first. That was my confusion.
I thinks the answer for Vuetify list icons is this site below: https://materialdesignicons.com/
Note: first icon is "ab-testing" so use it like this:
{mdi-ab-testing} and so on :)
mdi(materialDesignIcons)+icon-name
good luck with that...
Change the name inside and you will get the different icon:
<v-icon>home</v-icon>
<v-icon>close</v-icon>
Find the right name for your app from: https://material.io/tools/icons/?style=baseline
// Use this code.
<v-btn color="error" fab small dark
@click="yoursFunc()">
<v-icon>list</v-icon>
</v-btn>
From this official doc. vuetifyjs uses material icons.
The v-icon component provides a large set of glyphs to provide context to various aspects of your application. Vuetify icons utilize Google's Material Icons font library. For a list of all available icons, visit the official Material Icons page.
Related