免費開源的超齊全 React SVG Icon 圖庫 — React Icons

React Icons 囊括了目前最受歡迎的的各家主流 Icons，包括 Ant Design Icons、Bootstrap Icons、Font Awesome、Material Design Icons 等等，將各家 SVG 圖檔轉換為 React Component 的形式以 ES6 導入，可以任意搭配 Css 或 Styled Components 調整樣式。

• 建立新的 Create React App

$ npx create-react-app my-app
$ cd my-app
$ yarn start

• 安裝 React Icons

$ npm install react-icons --save

• 進入 React Icons 官網 查詢要引用的 Icons

• 以 React 的 Logo 為舉例

import { FaReact } from "react-icons/fa";

• 直接將已經轉換成 React Component 的 SVG 圖檔加入即可, 調整 Style 的方式與 React Components 相同。

<FaReact className="App-logo" />

參考資料: https://react-icons.github.io/react-icons

Say hello! 我是 Angel,
這裏的內容如果有幫到你，希望能獲得一些拍手作為鼓勵
工作上的合作歡迎隨時透過 Mail 聯繫我 contact@aneglho.design
– 
Thanks for watching!