v-icon 컴포넌트는 다양한 상황에서 쓸 수 있는 많은 glyphs(그림문자)를 제공합니다. Vuetify 아이콘들은 구글의 머티리얼 아이콘 폰트 라이브러리를 사용합니다. 사용가능한 모든 아이콘의 리스트를 보려면 공식 머티리얼 아이콘 페이지를 방문하세요.


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



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

색상 Color

색상 헬퍼들을 이용하여 아이콘의 색을 기본적인 다크나 라이트 테마 이상으로 바꿀 수 있습니다.

버튼 (Buttons)

아이콘은 액션을 강조하기 위해 버튼 안에서도 사용될 수 있습니다.


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.

Edit this page | language on Github
상점For Enterprise