Font Awesome 在最新版本(6/7)中没有单独的“Web Application”分类(该分类主要存在于旧版 Font Awesome 4/5 中,作为通用界面图标的集合)。现在,这些图标被重新分配到更具体的分类,如 Communication、Computers + Hardware、Code、Design、Connectivity 等,适合用于 Web 应用界面、仪表盘、浏览器、设置等场景。
常见 Web 应用相关图标列表(现代分类):
- Globe(地球/网站):
fa-solid fa-globe - Window Maximize(浏览器窗口最大化):
fa-solid fa-window-maximize - Browser(浏览器窗口):
fa-solid fa-browser - Desktop(桌面电脑):
fa-solid fa-desktop - Laptop(笔记本电脑):
fa-solid fa-laptop - Mobile Screen Button(手机):
fa-solid fa-mobile-screen-button - Code(代码):
fa-solid fa-code - Html5(HTML5 标志,Brands):
fa-brands fa-html5 - Css3(CSS3 标志,Brands):
fa-brands fa-css3 - Js(JavaScript 标志,Brands):
fa-brands fa-js - Dashboard(仪表盘/布局):
fa-solid fa-gauge-high或fa-solid fa-table-columns - Gear(设置/齿轮):
fa-solid fa-gear - Link(链接):
fa-solid fa-link - Wifi(无线网络):
fa-solid fa-wifi - Cloud(云端):
fa-solid fa-cloud
更多相关分类和完整列表,请访问官方页面:
- https://fontawesome.com/search?c=communication,computers,code,design,connectivity
- 或直接搜索:https://fontawesome.com/icons/categories
使用示例(HTML):
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">
<i class="fa-solid fa-globe fa-2x"></i> <!-- 网站/全球 -->
<i class="fa-solid fa-browser fa-2x"></i> <!-- 浏览器 -->
<i class="fa-solid fa-code fa-2x"></i> <!-- 代码 -->
<i class="fa-brands fa-html5 fa-2x"></i> <!-- HTML5 -->
<i class="fa-solid fa-desktop fa-2x"></i> <!-- 桌面 -->
<i class="fa-solid fa-gear fa-2x"></i> <!-- 设置 -->
如果需要旧版“Web Application”分类的具体图标、特定 Web UI 变体或更多示例,请提供细节!