D3.js D3路径剪辑到原始区域

我嵌套svg是因为我需要一个随机路径元素在svg设计中居中。当我添加viewBox并重新定位它时，嵌套的路径会随之移动，但可视区域会被剪裁到其原来的位置。有人能解释一下这里发生了什么，以及应该如何处理

原始位置：

重新定位位置：

完整代码在这里（第193行）

 let icon = svg.select(".icon")
  .append("svg")
  .attr("width", innerradius * 2)
  .attr("height", innerradius * 2)
  .attr("viewBox", innerradius + " " + innerradius + " 100 100")
  .attr("preserveAspectRatio", "xMidYMid meet")
  .append("path")
  .attr("d", iconpath)