Иконка
Компонент v-icon предоставляет большой набор иконок для предоставления контекста различным аспектам вашего приложения. Иконки Vuetify используют библиотеку шрифтов Material Icons Google. Список всех доступных иконок можно найти на официальной странице Material Icons.
Применение
Icons come in two themes (light and dark), and four different sizes (standard, medium, large, and x-large). If you want to use SVG icons with VIcon component, read about using SVG icons with VIcon here.
API
Применяет заданный цвет к элементу управления
Применяет тёмный вариант темы
Ввод отключён
Делает иконку большой (36px)
Расположение иконки с слева, если используется внутри кнопки
Применяет светлый вариант темы
Делает иконку средней (28px)
Расположение иконки с права, если используется внутри кнопки
Задает пользовательский размер иконки
Делает иконку маленькую (16px)
Делает иконку очень-большой (40px)
Примеры
Font Awesome
Font Awesome также поддерживается. Просто используйте имя знака fa- с префиксом. Обратите внимание, что вам все равно нужно добавить значки шрифта Awesome в ваш проект.
Material Design Icons
Material Design Icons также поддерживается. Просто используйте имя знака mdi- с префиксом. Обратите внимание, что вам все равно необходимо включить иконки MDI в свой проект.
Цвет
Используя цветные помощники, вы можете изменить цвет значка из стандартных тёмных и светлых тем.
Кнопки
Иконки можно использовать внутри кнопок, чтобы добавить акцент на действие.
Clickable
Binding any click event to v-icon will automatically change the cursor to a pointer.