v-tooltipdirective will not work together due to the :before pseudo element of the icon is used by the font library.
Icons come in two themes (light and dark), and four different sizes (standard, medium, large, and x-large).
#2 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.
#3 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.
Using color helpers you can change the color of an icon from the standard dark and light themes.
Icons can be used inside of buttons to add emphasis to the action.
Custom font libraries such as Icomoon can overwrite the
icon-class and cause issues. While other icon packages can work, the only official support is for Material Icons, FontAwesome, and Material Design Icons.