Javascript 如何将我在Adobe Illustrator中制作的图标上载到HTML文档？

我可以将该文件导出为SVG，但之后如何使用悬停效果对其进行定制呢？我对大多数图标都使用FontAwesome，但我不确定如何让我自己的图标带有

标记，以便我可以像其他图标一样修改它

我相信你可以这样做：

您可能可以在普通IMG标记中使用SVG：

然后，可以将事件处理程序添加到图标：

---

我相信现在支持它。

您可以将其转换为png或jpeg等格式。然后将其放入html文档中。 将其用作页面上的img in:

或者将其作为图标放置：

注:

---

要将其转换，请使用在线svg转换为png ect。或者使用命令行。

您可以使用已导出的svg。当您想将其悬停并更改颜色时，您可以更改svg o path标记的“填充”

svg：悬停路径{
填充：蓝色；
}

---

在CSS中，您应该访问SVG标记，然后使用填充SVG而不是在HTML中使用SVG标记

svg:hover{ 填充物：红色； }

---

如何从SVG文件中获取代码？我以前从未见过很多这样的标签=（在浏览器中打开svg文件在屏幕上单击鼠标右键，然后单击“查看页面源代码”，然后您可以看到svg文件的代码，您可以复制并使用它，就像我在这里使用的一样。