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.

Examples

#1 Standard (small)
edit
Icons come in two themes, light and dark.

#2 Font awesome medium
edit
Font awesome is also supported with the use of the fa prop. All text will be prefixed with fa- so that you can write your icons that same as Material icons.

#3 Large
edit
Large icons have an increased font size.

#4 X-Large
edit
X-large icons have even more increased font size!

#5 Color
edit
Using color helpers you can change the color of an icon from the standard dark and light themes.

#6 Buttons
edit
Icons can be used inside of buttons to add emphasis to the action.

API

chevron_leftchevron_right