Для бизнеса

The v-icon component provides a large set of glyphs to provide context to various aspects of your application. For a list of all available icons, visit the official Material Design Icons page. To use any of these icons simply use the mdi- prefix followed by the icon name.

Icons come in two themes (light and dark), and five different sizes (x-small, small, medium (default), large, and x-large).


Выберите нужный компонент ниже и посмотрите доступные параметры, слоты, события и функции.

Ниже приведена коллекция простых и сложных примеров.

Material Design is also supported. For more information on how to install it please navigate here

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. For more information on how to install it, please navigate to the installation page

Используя цветные помощники, вы можете изменить цвет значка из стандартных тёмных и светлых тем.

Иконки можно использовать внутри кнопок, чтобы добавить акцент на действие.

Binding any click event to v-icon will automatically change the cursor to a pointer.

You can manually import only the icons you use when using the @mdi/js package. If you want to use SVG icons with VIcon component, read about using them here.

Готовы к большему? Продолжить чтение с:

Caught a mistake or want to contribute to the documentation? Edit Layout on GitHub!