Как в D3 v5 получить набор SVG-файлов, а затем управлять ими?

Question

Я пытаюсь загрузить набор иконок SVG таким образом, чтобы я мог их размер и положение. Приведенный ниже код загружает их, но вызовы .attr, похоже, ничего не делают. Таким образом, я не могу ни манипулировать ими, ни добавлять идентификатор, поэтому я могу выбирать их индивидуально. Как я могу заставить это работать?

    icons.forEach( function (icon, index) {
        console.log("loading:" + icon);
        d3.xml("/icons/"+icon+".svg")
            .then(data => {
                d3.select('#mysvg').node()
                    .append(data.getElementsByTagName("svg")[0])
                    .attr('id',icon)
            })
    } )