Как подключить svg спрайт в файл в html и css

Есть сгенерированый svg спрайт - sprite.svg c symbol:

<svg width="0" height="0" style="position:absolute;">
            <symbol viewBox="0 0 10 10" id="user"> ...

Если вставлять прямо в html, то все подключается отлично -

<svg class="icon-box">
  <use xlink:href="#user"></use>
</svg>

Но если подключать из файла (т.е. когда sprite.svg лежит в images) , то не отображается:

<svg class="icon-box">
      <use xlink:href="images/sprite.svg#user"></use>
</svg>

Почему не отображается иконка и как подключить в стили css иконку из спрайта?