如何从svg图像中提取svg标签

Question

我们正在使用<img>标记立即显示svg图像

<div class="info-vis-img">
    <img alt="infovisual-mobile-printing-1" src="/-/media/Infovisual/infovisual-mobile-printing-1.svg" class="text-center">
</div>

但是现在我们不想使用<img>标签来显示svg图像，而是想从svg图像中提取svg标签，并将提取的svg标签放在<div>标签内，如下所示。

<div class="info-vis-img">
    <div class="svg-icon">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="449.1 991.8 33.6 33.6">
          <path d="M482.7 1007.8h-16v-16h-1.6v16h-16v1.6h16v16h1.6v-16h16v-1.6z"/>
        </svg>
    </div>
</div>

我们如何实现这一目标。是否有任何插件或API可以将svg图像路径作为输入参数并返回<svg>标记

谢谢