Я знаю, что этот вопрос задавался много раз. Я перепробовал все возможные решения, но ничего не помогло. Он работает на компьютерах моего друга. Я загружаю скриншоты файла icons.svg и индекса. html file.
index. html
<div class="likes__field">
<svg class="likes__icon" width="100" height="100">
<use href="img/icons.svg#icon-heart">
</use>
</svg>
</div>
icons.svg
<svg aria-hidden="true"
style="position: absolute; width: 0; height: 0; overflow: hidden;"
version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
icon-heart inside icons.svg
<symbol id="icon-heart" viewBox="0 0 20 20">
<title>heart</title>
<path d="M17.19 4.155c-1.672-1.534-4.383-1.534-6.055 0l-1.135 1.042-1.136-1.042c-1.672-1.534-4.382-1.534-6.054 0-1.881 1.727-1.881 4.52 0 6.246l7.19 6.599 7.19-6.599c1.88-1.726 1.88-4.52 0-6.246z"></path>
</symbol>
Я только что проверил на вкладке сеть. По какой-то причине он заблокировал icons.svg.
