Icon
El componente v-icon provee de una gran colección de símbolos que dan contexto a varios aspectos de tu aplicación. Los íconos de vuetify utilizan la librería de fuentes Material Icons. Para ver la lista de todos los íconos disponibles, visita la página oficial de Material Icons.
API
Aplica el color especificado al control.
Aplica la variante del tema dark
El input está deshabilitado.
Hace que el ícono sea grande (36px)
Coloca el ícono a la izquierda, cuando se usa dentro de un botón
Aplica la variante del tema light
Hace el ícono mediano (28px)
Coloca el ícono a la derecha, cuando se usa dentro de un botón
Configura la altura y el ancho del elemento
Hace el ícono pequeño (16px)
Hace el ícono extra grande (40px)
Ejemplos
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.
Clickable
Binding any click event to v-icon will automatically change the cursor to a pointer.