react项目中使用 fontawesome

官方文档

Set Up with React | Font Awesome Docs

安装依赖

  1. Add SVG Core
npm i --save @fortawesome/fontawesome-svg-core;
  1. Add Icon Packages,二选一或者全部都装
npm i --save @fortawesome/free-solid-svg-icons; 
npm i --save @fortawesome/free-regular-svg-icons;
  1. 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' //
  1. 组件中使用
<FontAwesomeIcon icon={faMailForward} size='1x' style={{color:'#333'}}/>
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容