SVG 浏览器错误 - wp_remote_get()

Question

我正在开发一个 WordPress 网站，并且有一组“图标块”，其中包含 svg 的选择器，以及每个图标块需要的一些其他详细信息。在我的模板文件中，我遍历这些块并使用wp_remote_get() 提取所选 svg 文件的内容并将其插入到我页面的 html 中。

虽然我要撤回三个唯一文件的内容，但第一个文件显示了 3 次，这是一个屏幕截图（这是在 Chrome 中）：

但是，如果我在 Safari 中打开相同的页面，我会看到相同的重复图标，但图标不同。这是 Safari 截图：

如果您在页面上的 svg 上运行差异，它们确实是不同的 svg。

任何帮助将不胜感激。 Here 是一个指向暂存站点的链接，如果您想在那里查看的话。

Answer 1

确保使用唯一的 id - 三个 SVG sn-ps 重复了一些。线条

<clipPath id="clip-path">

和

<g style="clip-path:url(#clip-path)">

导入后它们都是同一个文档的一部分，引用失败。