react 使用fortawesome字体图标
2024-10-19 02:18:55
fontawesome 官方使用教程=>点我
import { FaLanguage } from 'react-icons/fa'; //https://react-icons.netlify.com/
react-blog
npm i --save @fortawesome/fontawesome-svg-core@prerelease \
npm i --save @fortawesome/free-solid-svg-icons@prerelease \
npm i --save @fortawesome/react-fontawesome@prerelease
入口文件引入
import { library } from '@fortawesome/fontawesome-svg-core'
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
import { faStroopwafel(图标样式以fa为前缀) } from '@fortawesome/free-solid-svg-icons'
library.add(faStroopwafel)
组件中使用
import React from 'react'
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
export const Food = () => (
<div>
Favorite Food: <FontAwesomeIcon icon="stroopwafel" /> 不需要前缀
</div>
)
最新文章
- 在Linux下配置多线路ADSL的方法
- Android -- Activity,Fragment lifecycle
- listview 模仿用户点击事件。
- Markov Random Fields
- Docker数据管理
- win32 sdk显示一个载入的位图的方法
- 使用angular.js开发的一个简易todo demo
- Linux下向SVN服务器添加新文件步骤
- poj 1184 广搜进阶题
- 对c#剪切板Clipboard占用的问题一点解决方法
- Javascript进阶篇——( JavaScript内置对象---下)--Array数组对象---笔记整理
- jdk源码剖析五:JDK8-废弃永久代(PermGen)迎来元空间(Metaspace)
- verilog实验2:基于FPGA的59秒计时器设计
- 聊聊Java 8 Lambda 表达式
- mysql添加字段并且设置默认值
- WCF加密传输数据,b并且用户名+密码验证
- rhel7配置tiger vnc详解 centos6配置安装vnc-server
- html + css + jquery实现简单的进度条实例
- JS-对象查找父级
- php-fig组织psr标准
热门文章
- 2016级算法第四次上机-E.Bamboo and the Ancient Spell
- 爬虫防封IP
- (C/C++) CRC8計算實現
- 浅析PHP反序列化漏洞之PHP常见魔术方法(一)
- [转] shell逻辑运算总结, 包括[[]]与[]的区别,&;&;与-a的区别,||与-o的区别
- 各版本JDK官方下载地址
- 使用try-with-resource遇到的问题
- python+Selenium之操作滚动条
- sql server 保留小数,向上保留指定位数的小数,仅记录,勿看。
- JS实现OO机制