FontAwesome 图标查询
本地运行，数据不上传服务器
找到 60 项
图标结果
使用说明
写页面时想加一个搜索图标，知道大概长什么样，但记不住 class 名；做导航栏需要一套风格统一的图标，一个个去官网翻太慢；做品牌页要找 GitHub、Vue、Docker 的图标，不确定属于 Solid 还是 Brands 分类。这些场景都只需要一个能快速搜索和预览图标的地方。 这个工具收录 60 个常用 FontAwesome 图标，覆盖 Solid、Regular 和 Brands 三种类型。输入名称或 class 关键词实时筛选，图标卡片上直接预览形状，复制按钮给出完整类名。 适合前端开发、UI 设计、产品经理、独立开发者快速查找图标并复制类名。也适合初学者对照官方文档核对图标名称。
核心功能
- ✓收录 60 个常用 FontAwesome 图标
- ✓覆盖 Solid、Regular、Brands 三种类型
- ✓按名称或 class 关键词实时筛选
- ✓图标卡片直接预览形状
- ✓单个图标一键复制完整类名
- ✓支持批量复制筛选结果
- ✓适合按钮、导航、菜单、品牌图标查找
使用教程
找按钮或菜单图标：输入 search、menu、user、heart 等关键词，预览图标形状，复制类名贴到页面。 按品牌筛选：切换到 Brands 类型，找到 GitHub、Vue、Docker、React 等品牌图标，适合页脚和社交链接。 按名称猜 class：只记得图标样子不记得名字时，按用途关键词搜索，比如 cart、bell、camera。 批量挑选一组图标：做导航栏时筛选出一组，批量复制类名，一次贴进代码。 核对官方图标名：写代码时不确定 class 拼写，搜索关键词找到正确写法再复制。
常见问题
Q：这是完整的 FontAwesome 图标库吗？
A：不是，这里只收录 60 个常用图标，完整图标请参考官方站点。
Q：提供 SVG 或字体文件下载吗？
A：不提供，工具只用于查询和复制 class 名，字体文件需从官方获取。
Q：支持图标搜索 API 吗？
A：不支持，所有图标数据内置在页面中。
Q：Solid、Regular、Brands 有什么区别？
A：Solid 是实心图标，Regular 是线框图标，Brands 是品牌图标，使用时要确保项目引入了对应字体。
Q：复制出来的 class 能直接用吗？
A：可以，前提是项目已经引入对应版本的 FontAwesome。
Q：数据会上传服务器吗？
A：不会，筛选和复制都在浏览器本地完成。