Icon

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.

Usage

Icons come in two themes (light and dark), and four different sizes (standard, medium, large, and x-large).


API

v-icon

Examples

Font Awesome

Font Awesome is also supported. Simply use the fa- prefixed icon name. Please note that you still need to include the Font Awesome icons in your project.


Material Design Icons

Material Design Icons is also supported. Simply use the mdi- prefixed icon name. Please note that you still need to include the MDI icons in your project.


Color

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


Buttons

Icons can be used inside of buttons to add emphasis to the action.