SVG 不显示使用 xlink，只显示 img src -

这有效：

<img src="img/home/icon.svg" alt="one" class="trysvg">

这不起作用：

<svg>
    <use xlink:href="img/home/icon.svg" class="trysvg"></use>
</svg>

CSS：

.trysvg {
    //position: relative;
    //display: block;
    //color:black;
    height: 20rem;
    width: 20rem;
}

当检查开发工具并使用 svg 尝试它时，它显示 shadow-root（关闭）。试图搜索，但无法想出任何解决方案。 SVG 图标来自可靠来源 - 下载，因此 svg 代码应该没有问题。有什么想法吗？

编辑：我也尝试将类放在上，但仍然无法正常工作，并将类放在 + 上，但仍然没有。>

edit2：当我使用 href 而不是 xlink href 时，问题仍然存在..

SVG 1.1 不允许 <use> 元素指向整个文件。 SVG 2 确实允许这样做，但还没有浏览器能够实现 SVG 2 规范的那部分。

如果您想使用 <use> 元素并让它在当今的浏览器中工作，您需要在 <svg> 根元素上放置一个 id，并有一个引用该 id 的片段标识符。