工具用的顺手吗?
你的反馈能帮助我们做得更好
快速查找FontAwesome图标名称、类名及Unicode编码
图标预览通过 FontAwesome 6 CDN 加载,复制的类名可直接用于已引入 FontAwesome 的页面。
概览
了解工具能解决的问题、计算或处理逻辑,以及数据边界。
Font Awesome 图标通常通过名称和样式类名来引用,也可以使用 Unicode 码点。查询器可按名称片段、内置别名或十六进制编码片段搜索,并可按实心、线框、品牌或全部样式筛选。结果卡片展示图标预览、名称、样式和 U+ 开头的码点,适合先确认目标图形,再复制代码。
官方图标资料会记录图标标识、Unicode 十六进制值、别名以及适用样式;同一图标可能在不同样式下有不同的类名。
类名由样式前缀和图标名称组成,例如 fas fa-house;HTML 示例则把类名放入 <i> 标签,便于粘贴到网页标记中。U+F015 这样的写法表示 Unicode 码点,查询器复制的 Unicode 内容采用 CSS 转义形式,例如 \f015,用于需要在样式中填写字形编码的场景。
类名和 HTML 示例只说明要显示哪个图标,并不包含图标字体或样式文件。目标网页还需要加载兼容的 Font Awesome 资源,且所用版本必须包含该图标和样式。
指南
按步骤完成操作,并通过示例核对输入与结果。
在关键词框输入英文名称、常见含义、中文别名或 Unicode 十六进制片段,例如 home、用户 或 f015。
选择“全部”“实心”“线框”或“品牌”筛选结果;结果数量会随关键词和样式变化。
在匹配卡片中核对预览、图标名称、样式和 U+ 码点,再选择复制类名、HTML 或 Unicode。
将复制内容放进目标项目后,确认页面已加载兼容的图标样式资源,并在实际页面预览显示效果。
场景
查看这项工具在不同工作与生活流程中的用法。
制作表单、导航或操作按钮时,可先用语义关键词查找合适图形,复制类名或 HTML,再结合页面已有的图标资源检查显示效果。
如果同一名称可能对应实心或线框效果,可切换样式过滤并查看卡片标注,避免只按名称复制后发现外观与页面设计不一致。
在旧样式代码中遇到十六进制字形值时,可尝试用编码片段搜索,核对对应名称,再决定是否改用更易读的图标类名。
问答
集中解答高频疑问与容易混淆的问题。
可以尝试内置中文别名或含义词,例如“用户”“搜索”。查询按词条片段匹配;如果没有结果,试试较短的中文词、英文名称或十六进制编码片段。
HTML 示例只有标签和类名,不包含图标样式资源。请确认目标网页已加载兼容的 Font Awesome 样式,并核对图标名称与样式前缀。
U+F015 是 Unicode 码点的表示方式;CSS 字形内容通常以反斜杠加十六进制数字引用该码点。复制前应先确认目标位置需要 HTML 类名还是 CSS 编码。
部分图标名称可用于不止一种风格。切换实心、线框或品牌筛选后,结果会按该风格显示对应的类名;复制前可查看卡片上的风格标注。
须知
使用前了解适用范围、结果限制与必要提醒。
图标名称、别名、Unicode 码点和可用样式可能随 Font Awesome 版本及授权集合不同而变化。本查询器不是官方完整目录,未显示某个图标不能证明官方没有该图标。复制的类名、HTML 或 CSS 转义只是引用片段,不会替目标网页安装或加载图标字体;集成前请核对目标版本、样式和项目所拥有的图标权限。
若预览缺失或与预期不一致,可先确认页面样式资源成功加载,再检查名称和风格是否匹配。不要把类名误当成图标图片文件,也不要假设 Unicode 值在任意字体中都会显示同一图案。
推荐
查找相关工具、专题与可用的 API 能力。