大SVG没有完全加载

Question

我从设计师处获得了这些svgs，并且在内联到空白页面时它们工作正常。当作为图像加载时，它们也可以正常工作。但是，出于某种原因，12kb SVG的内容开始变得很奇怪，当我把它们放在wordpress页面上时。

以下是相关网站的链接：http://162.214.14.26/~naturesfusions/

正如您所看到的，部分图标正在被切断，其中一个图标似乎忽略了svg中设置的路径。奇怪的是，这似乎只影响大型svg而不是简单的3kb。关于这里有什么问题的任何想法？

Answer 1

id属性在文档中必须是唯一的。您有多个具有相同ID的元素，例如id =“Home”，因此您的文档无效。无效文件会发生奇怪的事情。