美文网首页
react项目中使用 fontawesome

react项目中使用 fontawesome

作者: daoqing99 | 来源:发表于2022-10-27 15:29 被阅读0次

官方文档

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'}}/>

相关文章

网友评论

      本文标题:react项目中使用 fontawesome

      本文链接:https://www.haomeiwen.com/subject/zkwmortx.html