工具加载中...
工具简介
在线 Font Awesome 图标查询工具，是前端开发者和 UI 设计师必备的图标速查字典。它汇集了完整版 Font Awesome 图标库的所有矢量图标，让您可以极其方便地预览图标样式并获取对应的类名（Class Name）。
在进行网页排版和前端开发时，您无需再去记忆繁杂的图标代码，通过本工具一键搜索与复制，即可将精美的图标无缝集成到您的项目中。
工具优势
- 收录完整：内置数百款经典 Font Awesome 矢量图标，涵盖网页、支付、多媒体、方向指示等全方位场景。
- 极速查询：支持使用浏览器快捷键直接搜索图标名称，瞬间定位您所需的图标。
- 直观预览：以网格列表形式直观展示图标的实际渲染效果及对应的类名（如
fa-home）。 - 一键复制：选中图标类名即可复制，直接将其应用到
<i>或<span>标签的 class 属性中即可生效。
使用步骤
第一步：向下滚动页面浏览分类好的图标集合。
第二步：如果您知道图标的英文名称，可以使用 Ctrl+F 唤出搜索框，输入关键词（如 user 或 search）进行快速定位。
第三步：找到目标图标后，复制其下方对应的类名（如 fa-user）。
第四步：在您的前端代码中，编写类似于 <i class="fa fa-user"></i> 的 HTML 代码即可调用。