html - SVG文件被重新下载了很多

Question

我使用objectanduse以便为我的所有 svg 图标创建一个文件。但是我看到的是icons.svg每次在应用程序中使用新图标时都会重新下载文件。并非严格针对每个图标，但它似乎经常发生。我无法在搜索中诊断它。

这是正常行为吗？它应该继续下载文件吗？我只是应该缓存它吗？

---

我如何将 svg 文件包含到index.html：

<object type="image/svg+xml" data="/static/icons.svg" style="display: none;"></object>

我如何在各个地方使用图标：

<use href="/static/icons.svg#foo"></use>
<use href="/static/icons.svg#bar"></use>

示例icons.svg：

<svg xmlns="http://www.w3.org/2000/svg">
  <symbol id="foo" viewBox="0 0 100 100">
    <circle cx="69.37" cy="37.27" r="16.97"/>
  </symbol>
  <symbol id="bar" viewBox="0 0 100 100">
    <circle cx="69.37" cy="37.27" r="16.97"/>
  </symbol>
</svg>

标签： htmlsvg