完全免費,超多來源! Free React Icon Font 圖庫

通常如果專案有使用ui框架的話,他們都會有自己的免費 icon 可使用,但是你如果是自己手刻,又懶得自己畫一個 icon 出來,就可以只安裝 icon 圖庫。

在這邊要介紹 React Icons

他幫你整合了網路上幾乎所有免費 icon 來源,並且包成 react component 給你使用,官網也可以快速查找你想用的 icon。

 

安裝

使用npm

$ npm install react-icons --save

使用yarn

$ yarn add react-icons 

 

如何使用

在官網的左側可以讓你選你想要哪個來源的 icon。

假設我選 ant design,點進去後右邊就會出現你要引入的來源路徑。

在下面點選你要的 icon,他就會幫你把你選的 icon 名稱複製起來,請把它取代IconName

假設我選第一個:

import { AiFillAccountBook } from "react-icons/ai";

在畫面中就可以把它當作一個component使用囉!

<AiOutlineLoading3Quarters />

學習程式原來可以這麼簡單:六角學院線上課程

初學者如何成為vue前端工程師:查看課程內容

---------------------------

| 軟體開發 | 網站建置 | 網頁系統 | 資料庫網站 |

| 客製化網站 (報名系統、投票系統、掛號系統...) |

| 前後端技術合作 |

歡迎與我們聯繫:jessica@penueling.com

加入Line立即聊聊:@539mjyid

0
0 回復

發表評論

Want to join the discussion?
Feel free to contribute!

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。