<a href="#" class="icon-link">
<svg class = "header-icon" width="22" height="22" >
<use xlink:href="img/icons.svg#chat"></use>
</svg>
</a>
<a href="#" class="icon-link">
<svg class="icon-link" version="1.1" width = "20" height = "20" viewBox = "0 0 20 20" baseProfile="full"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns:ev="http://www.w3.org/2001/xml-events">
<use xlink:href="img/icons.svg#users"></use>
</svg>
</a>
Стал копировать svg спрайт в Codepen и нашел ошибку в структуре файла. (еще одни открывающие и закрывающие теги svg). Удалил и всё заработало.