字体库

1、导入包

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

2、使用

一个一个导入使用

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

<FontAwesomeIcon icon={faCoffee} />

一次性导入全部

// 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、特殊属性

size：图标尺寸

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

动画

<FontAwesomeIcon icon="spinner" spin />

改变颜色，改变其 color

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