Создание svg картинок через js

Создаю элементы страницы через js, щас нужно вставлять svg иконки, делаю так:

let use1 = document.createElement('use');
use1.setAttribute('xlink:href', '#edit');

Вот только так ничего не работает, иконки просто нету, если после создания глянуть DOM, то он стоит так, как я его создал:

Если вставлять иконку в html:

<svg class="edit">
    <use xlink:href="#edit"></use>
</svg>

, то в DOM-e оно "распарсилось", и картинка присутсвует

что за аномалии такие?