完全免費，超多來源！ Free React Icon Font 圖庫

react, 線上學習

文章大綱

通常如果專案有使用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 />

0

2021-04-23/0 評論/通過： admin

0 回復

發表評論

想要加入討論嗎？
請盡情發表您的想法！

發佈留言取消回覆

官方網站設計 , 設計品牌 , 台北品牌設計 , 台南品牌設計 , 品牌設計 , LOGO設計 , 台北LOGO設計 , 台南LOGO設計 , 名片設計 , 台北名片設計 , 台南名片設計 , CIS企業識別設計 , 設計LOGO , 台北設計LOGO , 台南設計LOGO , 視覺設計 , 網頁設計 , 台北網頁設計 , 台中網頁設計 , 台南網頁設計 , 高雄網頁設計 , 網站設計 , 台北網站設計 , 台中網站設計 , 台南網站設計 , 高雄網站設計 , 官網設計 , 台北官網設計 , 台中官網設計 , 台南官網設計 , 高雄官網設計 , 公司官網設計 , 形象官網設計 , 產品官網設計 , 響應式網頁設計 , 響應式網站設計 , 公司網頁設計 , 教會網站設計設計 , 婚攝 , 婚禮攝影 , 婚紗攝影 , 婚攝推薦 , 美式婚禮攝影 , 美式婚紗攝影 , 孕婦寫真 , 親子寫真 , 家庭寫真 , 美式風格婚紗攝影 , 美式風格婚禮攝影 , 台北美式婚禮攝影推薦 , 網站設計 , 網頁設計 , 響應式網頁設計 , SEO最佳化 , SEO搜尋引擎最佳化 , 血壓量測 , 腕式血壓計 , 全自動手臂式血壓計 , 心房顫動偵測 , 體溫計 , 耳溫槍 , 額溫槍 , 熱敷墊 , 電毯 , 中風 , 高血壓 , 血壓計 , 血壓計推薦 , 血壓計品牌 , 歐姆龍 , 百靈 , 台北攝影棚出租 , 台北攝影棚租借 , 攝影棚出租 , 攝影棚租借 , 攝影場地租借 , 專業形象照 , 形象照拍攝 , 個人形象照 , 孕婦禮服出租 , 孕婦禮服租借 , 自助婚紗 , 自助婚紗攝影 , 台北攝影棚出租推薦 , 台北專業形象照推薦 , 孕婦禮服出租推薦 , 自助婚紗推薦 , 婚攝 , 婚禮攝影 , 婚禮紀錄 , 台北親子寫真 , 台南親子寫真 , 台中親子寫真 , 高雄親子寫真 , 台北兒童寫真 , 台南兒童寫真 , 台中兒童寫真 , 高雄兒童寫真 , 台北親子寫真推薦 , 台南親子寫真推薦 , 台中親子寫真推薦 , 高雄親子寫真推薦 , 台南家庭寫真 , 台中家庭寫真 , 高雄家庭寫真 , 台南全家福 , 台中全家福 , 高雄全家福 , 婚攝 , 台南婚攝 , 婚禮攝影 , 自助婚紗 , 台南婚禮攝影 , 台南婚禮攝影推薦 , 新秘 , 新娘秘書 , 新娘造型 , 高雄新秘推薦 , 台北新秘推薦 , 新秘Yuki , 白色夢幻新秘Yuki , 新娘秘書Yuki , 新娘助理 , 高雄新秘 , 台北新秘 , 婚禮婚紗造型 , 新娘妝髮造型 , 新秘彩妝造型 , 自助婚紗造型 , 台北新娘秘書推薦 , 高雄新娘秘書推薦 , 花草風造型 , 自然風格造型 , 室內香氛 , 居家香氛 , 房間香氛 , 空間香氛 , 香氛蠟燭 , 香氛精油 , 居家香精 , 精油香氛 , 居家香氛擴香 , 香氛蠟燭推薦 , 房間香氛推薦 , 香氛品牌推薦 , 嚴選香氛 , 香氛推薦 , 精油推薦 , 高雄葬儀社 , 高雄生命禮儀 , 高雄殯葬服務 , 屏東葬儀社 , 屏東生命禮儀 , 屏東殯葬服務 , 土地整合 , 土地開發 , 投資辦公室 , 廠辦整合規劃 , 工業地 , 徵收土地 , 寵物氧氣機 , 寵物活氧機 , 寵物專用氧氣機 , 寵物呼吸機 , 狗用氧氣機 , 貓用氧氣機 , 犬貓氧氣機 , 寵物魚油 , 犬貓魚油 , 貓用魚油 , 犬用魚油 , 狗魚油 , 貓魚油 , 婚禮顧問 , 婚顧 , 婚禮企劃 , 婚禮主持 , 雙語婚禮主持 , 英文婚禮主持 , Wedding mc , Wedding Planner , Bilingual Wedding , Wedding mc in Taiwan , Wedding mc in Taipei , Wedding Planner in Taiwan , Wedding Planner in Taipei , Bilingual Wedding mc in Taiwan , Bilingual Wedding mc in Taipei , 婚禮顧問推薦 , 婚禮企劃推薦

官方網站設計 , 設計品牌 , 台北品牌設計 , 台南品牌設計 , 品牌設計 , LOGO設計 , 台北LOGO設計 , 台南LOGO設計 , 名片設計 , 台北名片設計 , 台南名片設計 , CIS企業識別設計 , 設計LOGO , 台北設計LOGO , 台南設計LOGO , 視覺設計 , 網頁設計 , 台北網頁設計 , 台中網頁設計 , 台南網頁設計 , 高雄網頁設計 , 網站設計 , 台北網站設計 , 台中網站設計 , 台南網站設計 , 高雄網站設計 , 官網設計 , 台北官網設計 , 台中官網設計 , 台南官網設計 , 高雄官網設計 , 公司官網設計 , 形象官網設計 , 產品官網設計 , 響應式網頁設計 , 響應式網站設計 , 公司網頁設計 , 教會網站設計設計 , 婚攝 , 婚攝Allen , 婚禮攝影 , 婚禮紀錄 , 婚攝推薦 , 婚攝 , 婚攝 , 婚攝 , 寒舍艾美婚攝推薦 , 文華東方婚攝推薦 , 君品酒店婚攝推薦 , 諾富特婚攝推薦 , 萬豪酒店婚攝推薦 , 婚攝Vincent , 婚攝 , 婚攝 , 婚攝 , 台北婚攝 , 台中婚攝 , 台南婚攝 , 高雄婚攝 , 美式婚攝 , 婚禮攝影美式 , 婚禮攝影推薦 , 婚禮攝影 , 婚禮攝影 , 婚攝推薦 , 婚禮紀錄 , 婚紗攝影 , 寒舍艾美婚攝 , 婚禮攝影 , 自助婚紗 , 婚攝 , 婚攝推薦 , 婚攝小寶 , 婚禮攝影 , 自助婚紗 , 婚禮紀錄 , 婚攝 , 婚禮攝影 , 婚紗攝影 , 婚攝推薦 , 美式婚禮攝影 , 美式婚紗攝影 , 孕婦寫真 , 親子寫真 , 家庭寫真 , 美式風格婚紗攝影 , 美式風格婚禮攝影 , 台北美式婚禮攝影推薦 , 網站設計 , 網頁設計 , 響應式網頁設計 , SEO最佳化 , SEO搜尋引擎最佳化 , 新秘 , 新秘小淑 , 新娘秘書 , 新娘造型 , 台中新秘 , 婚禮婚紗造型 , 新秘推薦 , 台中西屯霧眉 , 台中霧眉 , 血壓量測 , 腕式血壓計 , 全自動手臂式血壓計 , 心房顫動偵測 , 體溫計 , 耳溫槍 , 額溫槍 , 熱敷墊 , 電毯 , 中風 , 高血壓 , 血壓計 , 血壓計推薦 , 血壓計品牌 , 歐姆龍 , 百靈 , 台北攝影棚出租 , 台北攝影棚租借 , 攝影棚出租 , 攝影棚租借 , 攝影場地租借 , 專業形象照 , 形象照拍攝 , 個人形象照 , 孕婦禮服出租 , 孕婦禮服租借 , 自助婚紗 , 自助婚紗攝影 , 台北攝影棚出租推薦 , 台北專業形象照推薦 , 孕婦禮服出租推薦 , 自助婚紗推薦 , 婚攝 , 婚禮攝影 , 婚禮紀錄 , 婚攝 , 婚攝勇年 , 婚禮紀錄 , 婚紗婚攝 , 孕婦寫真 , 婚禮攝影 , 自助婚紗 , 婚攝推薦 , 文華東方婚攝 , 親子寫真 , 台南親子寫真 , 台中親子寫真 , 高雄親子寫真 , 台南兒童寫真 , 台中兒童寫真 , 高雄兒童寫真 , 台南親子寫真推薦 , 台中親子寫真推薦 , 高雄親子寫真推薦 , 台南家庭寫真 , 台中家庭寫真 , 高雄家庭寫真 , 台南全家福 , 台中全家福 , 高雄全家福 , 婚攝 , 台南婚攝 , 婚禮攝影 , 自助婚紗 , 台南婚禮攝影 , 台南婚禮攝影推薦 , 新秘 , 新娘秘書 , 新娘造型 , 高雄新秘推薦 , 台北新秘推薦 , 新秘Yuki , 白色夢幻新秘Yuki , 新娘秘書Yuki , 新娘助理 , 高雄新秘 , 台北新秘 , 婚禮婚紗造型 , 新娘妝髮造型 , 新秘彩妝造型 , 自助婚紗造型 , 台北新娘秘書推薦 , 高雄新娘秘書推薦 , 花草風造型 , 自然風格造型 , 室內香氛 , 居家香氛 , 房間香氛 , 空間香氛 , 香氛蠟燭 , 香氛精油 , 居家香精 , 精油香氛 , 居家香氛擴香 , 香氛蠟燭推薦 , 房間香氛推薦 , 香氛品牌推薦 , 嚴選香氛 , 香氛推薦 , 精油推薦 , 根尖手術 , 根管治療 , 牙齒再植手術 , 顯微根管 , 鈣化根管治療 , 再生性根管治療 , 牙根黑影與膿包治療 , 高雄根管治療 , 高雄牙齒醫師 , 高雄顯微根管醫師 , 美白牙齒 , 婚攝 , 婚攝 , 孕婦寫真 , 網頁設計/a> , , 品牌設計/a> , , LOGO設計/a>