Я использую object и use, чтобы иметь один файл для всех моих значков 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>