v-iconコンポーネントは、あなたのアプリケーションの様々な場面に応じて多くのアイコンを提供します。Vuetifyのアイコンは、GoogleのMaterial Iconsライブラリを使用します。 全ての利用可能なアイコンのリストは、公式のMaterial Iconsページをご覧ください。

Usage

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

API

Examples

Material Design

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

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

カラーヘルパーを使用すると、アイコンの色を標準のdark、lightテーマから変更できます。

ボタン

アイコンをボタン内部で使用し、ボタンを強調させるための動きを付けることができます。

Clickable

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

MDI SVG

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.

Edit this page | language on Github
Vuetify
StoreFor Enterprise