官方文档
Set Up with React | Font Awesome Docs
安装依赖
- Add SVG Core
npm i --save @fortawesome/fontawesome-svg-core;
- Add Icon Packages,二选一或者全部都装
npm i --save @fortawesome/free-solid-svg-icons;
npm i --save @fortawesome/free-regular-svg-icons;
- Add the React Component
npm i --save @fortawesome/react-fontawesome@latest;
使用
- 引入依赖
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome' // 引入组件
import { faMailForward } from '@fortawesome/free-solid-svg-icons' // 引入具体icon,二选一或者全部都装
import { faAddressBook} from '@fortawesome/free-regular-svg-icons' //
- 组件中使用
<FontAwesomeIcon icon={faMailForward} size='1x' style={{color:'#333'}}/>
网友评论