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).
Select your desired component from below and see the available props, slots, events and functions.
Below is a collection of simple to complex examples.
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.
Ready for more? Continue reading with: