🎯 FontAwesome 图标大全

FontAwesome 4.7 常用图标库速查:图标名称与 Unicode 编码对照,前端开发可直接复制类名使用。

图标类名Unicode分类

关于此工具

FontAwesome 4.7 常用图标速查表:收录常用图标类名与 Unicode 编码( 格式),前端开发可直接复制类名引入图标,或查看编码用于 CSS content 与 iconfont。

如何使用

  1. 搜索

    按图标名或分类搜索。

  2. 复制类名

    点击"复制"得到 fa fa-xxx 类名。

  3. 查看编码

    获得 Unicode 编码用于 CSS 等场景。

使用场景

前端开发

快速查找所需图标类名。

iconfont 制作

获取图标 Unicode 编码。

CSS content

在 ::before 中引用图标。

常见问题

如何显示图标?

引入 FontAwesome 4.7 CSS 后使用类名 。

没有字体也能用吗?

预览依赖字体渲染,复制类名与编码不受影响。

为什么有的图标预览是方块?

未安装 FontAwesome 字体时,浏览器无法渲染 PUA 区字符。