欢迎 Web Awesome，最大最好的开源 web 组件库。

SVG 图标名称

您可以使用 Font Awesome 图标名称与 SVG + JS 方法在页面上显示图标。

使用图标名称添加图标

使用 SVG+JS 方法时，您可以使用图标名称添加任何图标的任何样式。只需添加要使用的样式的类来选择图标的样式，然后在开始和结束 <i> 元素之间插入图标名称。

以下是一些示例

<i class="fa-2x fa-solid fa-shake">starship-freighter</i>
<i class="fa-2x fa-thin fa-rotate-90">starfighter-twin-ion-engine-advanced</i>
<i class="fa-2x fa-sharp fa-solid fa-beat-fade" style="color: LightGreen;"
  >equals</i
>
<i class="fa-2x fa-regular fa-rotate-90">starfighter</i>
<i class="fa-2x fa-solid fa-fade" style="color: Orange;">:</i>
<i class="fa-2x fa-duotone fa-bounce">space-station-moon-construction</i>

在哪里可以找到图标名称？

搜索图标时，图标名称直接位于图标下方。

或者，如果您单击了图标，图标名称将在图标预览模态框中。