Javascript 如何将自定义SVG图标添加到本地fontawesome库（fontawesome all.js）？

我有一个自定义SVG图标，我想将其添加到我的本地fontawesome库（fontawesome all.js），该库根据此处提供的说明包含在我的项目资产文件夹中：

---

但是，我在理解这个库中的图标在网页上显示的格式时遇到了困难。我的SVG图标是使用标记以标准SVG格式编写的。有人能告诉我一种将SVG图标包含在此库中的方法，或者一种将SVG图标转换为自定义图标的替代方法吗？谢谢。

您的svg标记可能如下所示

<svg width='200' height='200' fill="#000000" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve"><path fill="#000000" d="M91.5...48.1z"/></svg>

• 在您的本地fontawesome库（fontawesome all.js）中搜索“var icons”，然后复制图标数组中的任何元素（例如：“yen sign”：[…]），并将名称替换为您想要的名称，但当您在html中调用图标（例如：“myicon”）：[…]=>

• 前两个数字是“viewBox”svg属性的值（例如：100100=>viewBox=“0 100”）
• 复制引号内的所有“d”svg属性（“M91.5…48.1z”=>d=“M91.5…48.1z”）

最后var-icons={…，“myicon”：[100100，[]，“”，“M91.5…48.1z”}

---

只需将图标定义的第3个元素（数组）和第4个元素（假定为图标的unicode值，在我们的例子中，我们不能将图标添加到FA字体）留空！这些都不会影响svg的渲染！您的svg标记可能如下所示

<svg width='200' height='200' fill="#000000" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve"><path fill="#000000" d="M91.5...48.1z"/></svg>

• 在您的本地fontawesome库（fontawesome all.js）中搜索“var icons”，然后复制图标数组中的任何元素（例如：“yen sign”：[…]），并将名称替换为您想要的名称，但当您在html中调用图标（例如：“myicon”）：[…]=>

• 前两个数字是“viewBox”svg属性的值（例如：100100=>viewBox=“0 100”）
• 复制引号内的所有“d”svg属性（“M91.5…48.1z”=>d=“M91.5…48.1z”）

最后var-icons={…，“myicon”：[100100，[]，“”，“M91.5…48.1z”}

只需将图标定义的第3个元素（数组）和第4个元素（假定为图标的unicode值，在我们的例子中，我们不能将图标添加到FA字体）留空！这些都不会影响svg的渲染！

如果需要自定义字体为什么不使用