字体库

1、导入包

npm i @fortawesome/fontawesome-svg-core @fortawesome/free-solid-svg-icons @fortawesome/react-fontawesome --save

2、使用

1. 一个一个导入使用

import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
import { faCoffee } from '@fortawesome/free-solid-svg-icons'

<FontAwesomeIcon icon={faCoffee} />

2. 一次性导入全部

// App.js 中导入全部
import { library } from '@fortawesome/fontawesome-svg-core'
import { fas } from '@fortawesome/free-solid-svg-icons'

library.add(fas)

// 在其他组件中使用
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'

<FontAwesomeIcon icon="caret-down" />

3、特殊属性

1. size：图标尺寸

value	size
xs	.75em
sm	.875em
lg	1.33em
2x	2em
...
10x	10em

2. 动画

<FontAwesomeIcon icon="spinner" spin />

3. 改变颜色，改变其 color

<FontAwesomeIcon icon="caret-down" style={{color: blue}} />