SVG Unicode

想要在页面上使用 Unicode 值以及 SVG + JS 方法来显示图标吗？没问题！

开始之前

确保您

• 计划使用 Font Awesome 的 SVG+JS 方法
• 已完成 使用 Font Awesome 设置项目

将图标添加为 Unicode

使用 SVG+JS 方法时，您可以 以任何样式添加图标 作为 Unicode。只需添加 要使用样式的类 来选择图标样式，然后插入 Unicode 值（在 Unicode 前面加上 &#x，后面加上 ;）到 <i> 元素的开头和结尾之间。

以下是一些示例

B1!

<i class="fa-solid fa-2x">&#x42;</i>
<i class="fa-regular fa-2x fa-spin">&#xf436;</i>
<i class="fa-duotone fa-2x fa-shake">&#xf437;</i>
<i class="fa-light fa-2x">&#x31;</i>
<i class="fa-sharp fa-solid fa-2x">&#x21;</i>

不要忘记分号

Unicode 值后面需要添加分号 ;，否则图标不会显示在页面上。

我在哪里可以找到图标的 Unicode？

搜索图标时，只需点击您选择的图标，Unicode 值就会显示在显示如何使用图标的代码块上方。