将外部SVG精灵文件加载到HTML中

我有一个SVG数据，我想把它存储在一个外部文件中并加载进去，最好的方法是什么？因此，我可以利用它来加载SVG，例如：

<svg class="icon icon-heart"><use xlink:href="#icon-heart"></use></svg></span>

---

从那时起，情况发生了一些变化

现在，您可以从如下外部文件调用它：

<svg><use xlink:href="external.svg#icon-heart"></use></svg>

并将外部svg加载到我们的HTML中，例如：

<object type="image/svg+xml" data="external.svg" width="0" height="0"></object>

---

注意：这种方法在IE中不起作用

你能否重新表述这个问题，因为很难理解你的目标是什么。您的数据是否真的由一个

svg

（其中只有一个

指向外部源）和一个

html

结束标记组成？你会用它做什么？它只是一个精灵，我假设它是用于

html

web页面的。这段代码不是精灵。它叫它。因此，您可以将其“存储”在

.html

文件中，或者存储在与javascript一起使用的字符串中（例如

.js

文件，或者如果有很多

.json

文件，甚至是

.json

文件；但是，使用js检索引用并通过DOM创建这些调用会更有意义）。