Font Awesome Web 应用图标

Font Awesome 在最新版本(6/7)中没有单独的“Web Application”分类(该分类主要存在于旧版 Font Awesome 4/5 中,作为通用界面图标的集合)。现在,这些图标被重新分配到更具体的分类,如 CommunicationComputers + HardwareCodeDesignConnectivity 等,适合用于 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-highfa-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 变体或更多示例,请提供细节!

文章已创建 3181

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

相关文章

开始在上面输入您的搜索词,然后按回车进行搜索。按ESC取消。

返回顶部