如何使用svg标签导入svg文件？

Question

我想知道如何使用SVG文件并将其用作标签。例如，我有一个像这样的SVG文件：

<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512">
<title></title>
<g id="icomoon-ignore">
</g>
<path d="M144 288h-32v224h32c8.8 0 16-7.2 16-16v-192c0-8.8-7.2-16-16-16z"></path>
</svg>

我正在尝试使用JavaScript（node，electron）进行引用，并在HTML标签中呈现。

// For examle,
<svg src="./mySvg.svg" />

我不想使用 <img> 标签或其他。

- ryan

---

也许在SVG标签内放置一个矩形标签，并使用CSS为其设置背景图像？ - Tianhao Zhou

不想使用<img>的原因是什么？那是正确的做法。虽然下面Paul的回答可以工作，但是<img>才是正确的做法。 - Thomas W

Answer 1

如果您不使用HTML中的<img>或SVG中的<image>，并且可能也不使用<object>，那么唯一的选择是<use>。

<svg width="512" height="512" viewBox="0 0 512 512">
  <use xlink:href="#icomoon-ignore"/>
</svg>

- Paul LeBeau