Как правильно подключить svg внешним файлом?

Question

[Александр]

Не могу понять как подключить, чтобы нормально работало. Делаю все по статье из этого сайта https://bit.ly/2PkZkUS и прекрасно все работало, до того момента как подключил внешним файлом. Иконка не отображается на странице, хотя когда подключал этот же код спрайта на странице, то все работало.
На html странице код такой:

<svg class="inline-svg-icon">
  <use xlink:href="test.svg#cloud"></use>
</svg>

Во внешнем файле test.svg код на скриншоте.

Comments

[dsmaslov]

Александр, точно ли задан верный путь для картинки? если она в папке, например img, то надо указать img/test.svg#cloud

[Александр]

Даниил Маслов, Файл лежит в корне, то есть там где и index

[dsmaslov]

Александр, на скриншоте вижу, что вы задали id для path, а нужно только для symbol (плюс может использовать только один уникальный id. Уберите id из path, возможно в этом проблема.

[Александр]

dsmaslov, Удалил, ничего не изменилось. А если я выложу архив в облако, посмотрите код? Так же удобней будет. https://drive.google.com/file/d/1HXkz53VyF2NVf6J03...