react项目中使用 fontawesome

官方文档

Set Up with React | Font Awesome Docs

安装依赖

1. Add SVG Core

npm i --save @fortawesome/fontawesome-svg-core; 

2. Add Icon Packages,二选一或者全部都装

npm i --save @fortawesome/free-solid-svg-icons; 
npm i --save @fortawesome/free-regular-svg-icons;

3. Add the React Component

npm i --save @fortawesome/react-fontawesome@latest; 

使用

1. 引入依赖

import { FontAwesomeIcon } from '@fortawesome/react-fontawesome' // 引入组件
import { faMailForward } from '@fortawesome/free-solid-svg-icons' // 引入具体icon,二选一或者全部都装
import { faAddressBook} from '@fortawesome/free-regular-svg-icons' // 

2. 组件中使用

<FontAwesomeIcon icon={faMailForward} size='1x' style={{color:'#333'}}/>