没有ID的SVG外部参考

Question

我有一个简单的svg文件，其内容如下（icon.svg）：

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
    <path d="..."/>
</svg>

如何在不添加id属性的情况下为其进行外部引用？就像是：

<svg>
    <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="icon.svg"></use>
</svg>

Answer 1

由于 svg 文件通常很小，尤其是小图标，所以我总是将它们本地托管在我的 img 文件夹中。我将一个图标[用于浏览器选项卡]放在与index.html相同的文件夹中。它只是让您更容易在服务器空间上托管您自己的 svg，并且还可以防止外部主机脱机或删除该文件时发生任何损坏。\xe2\x98\xba 希望这有帮助。

\n