티스토리 뷰

프론트엔드/Vue.js

vuetify icon 확인 사이트

실전압축코딩 2022. 11. 3. 14:01

vuetify에서 icon 사용시 어떤 아이콘이 사용가능한지 확인하기 힘들다. 

 

그럴때 참고 사이트!

 

https://fonts.google.com/icons?selected=Material+Icons 

 

Material Symbols and Icons - Google Fonts

Material Symbols are our newest icons consolidating over 2,500 glyphs in a single font file with a wide range of design variants.

fonts.google.com

https://pictogrammers.github.io/@mdi/font/2.0.46/

 

Material Design Icons

Material Design Icons Material Design Icons 2.0.46 Usage Icons (click to copy to clipboard) Extras The helper CSS classes are listed below. Size mdi-18px mdi-24px mdi-36px mdi-48px Rotate mdi-rotate-45 mdi-rotate-90 mdi-rotate-135 mdi-rotate-180 mdi-ro

pictogrammers.github.io

위 사이트들에서 아이콘 확인 후 사용하면 된다. 

'프론트엔드 > Vue.js' 카테고리의 다른 글

[Vue3] 로그인 창 만들기 + 아이디, 비밀번호 유효성 검증 (vuetify3 v-text-field + typescript)  (0) 2022.11.09
Failed to load config "@vue/standard" to extend from.  (0) 2022.11.08
[vue] package.json 과 package-lock.json  (0) 2022.11.02
[VUE] No Babel config file detected  (0) 2022.10.31
vue.js v-html을 이용한 문자열에서 특정 글자색 바꾸기  (0) 2022.10.12