Мы создали угловое приложение, в котором мы используем несколько иконок (SVG-файлы).Эти значки иногда не отображаются на нашей веб-странице, и я не знаю, почему это происходит или как это исправить.Файлы SVG в основном имеют размер 1-3 КБ.Мы используем Angular версии 6, Angular CLI версии 7+ и веб-браузер, который мы используем Chrome.
Все иконки обычно загружаются, но иногда при посещении одной и той же страницы 1 или несколько иконок могут не загружаться, этоКажется, все совершенно случайно.
Кто-нибудь знает, в чем может быть проблема и, что более важно, как ее исправить?
Наши CSS и HTML загружаются без проблем.
Мыиспользуйте изображения, загрузив их как класс CSS, например:
.icon-blue-stack-b {
content: url('/assets/CPP-component_libary_3.6/Graphics/Icons/Blue/Stack-B_0.1.svg');
}
, а затем примените их вот так
<i class="icon-blue-stack-b"></i>