FontAwesome 图标
常用图标快速查找与复制
搜索图标
图标分类
图标列表
130 个图标使用说明
HTML直接在HTML中使用
<i class="fa-solid fa-house"></i>Vue动态绑定图标名
<i :class="'fa-solid fa-' + iconName"></i>React使用className属性
<i className={"fa-solid fa-" + iconName} />微信小程序使用text标签
<text class="fa-solid fa-house"></text>UniApp跨平台使用text标签
<text class="fa-solid fa-house"></text>Android (XML)使用Unicode编码
android:text=""引入方式
CDN 引入
<link rel="stylesheet"
href="https://cdnjs.cloudflare.com
/ajax/libs/font-awesome/6.5.1
/css/all.min.css" />NPM 安装
npm install @fortawesome/fontawesome-free图标前缀
fa-solid - 实心图标
fa-regular - 线框图标
fa-brands - 品牌图标