---
# System prepended metadata

title: Icon系列

---

# Icon系列
## 一. FontAwesome

老師有說這系列設計上其實是有點毛病的，但目前我挑選的幾顆icon搭配我的專案比material icon好看太多，還是選擇此工具了！

VUE3安裝npm文件：https://blog.fontawesome.com/how-to-use-vue-js-with-font-awesome/


因為font-awesome規定的引入是library的方式，所以還是照著文件一步一步來。

npm後的引入import教學：https://fontawesome.com/docs/web/use-with/vue/add-icons

官方提醒：main.js使用CamelCase但app.vue使用KebabCase

## 二. Material Icon