Html 如何使用一个'；s自己的SVG字体很棒吗？

我有一个定制的.svg文件，名为“carport.svg”。我想使用它，就好像它已经包含在FontAwesome中一样，因此使用FontAwesome基础设施。我已将文件放在\svgs\solid文件夹中

我还需要做什么才能完全导入它？然后，我想用我的HTML编写：

<i class="fas fa-carport"></i>

---

要使用字体图标，请在HTML页面的部分中添加以下行：

<link href="/your-path-to-fontawesome/css/fontawesome.css" rel="stylesheet">

---

请参阅下面的步骤。您需要将SVG路径定义为仅一个

path

元素，而不是其他元素（与任何SVG图标类似），然后只需添加以下代码：

var CustomIcon = {
  prefix: 'fac', /* your own prefix OR use any of the exiting ones (fab, far, fas)*/
  iconName: 'custom-icon', /* The name of your icon*/
  icon: [150, 150, [], 'e105', 'M ...'] /* The viewbox, the unicode, the path*/
}

FontAwesome.library.add(
  CustomIcon
)

添加三角形图标的简单示例：

var faTriangle={
前缀：“fas”，
我的名字是‘三’，
图标：[64,64,[]，'e521'，'M8 48 L56 48 L32 12 Z']
}
font.library.add(
法特里安格尔
)

i，svg{
颜色：红色；
}

---

添加了详细答案，因为不接受仅链接；）