Razor 在blazor页面中使用SVG

我有一个razor组件，我想给它添加一个SVG

最好为每个SVG创建一个组件，这样我就可以很容易地重用它，还是将SVG包含到blazor页面中更好

这只是我认为可以做到的两种方法，最好的方法是什么？我如何实现它

---

没有找到任何资源，因此我无法尝试任何东西。

我尝试了一下，据我所知，Blazor组件模型与Svg配合得非常好：

斯维戈尔德剃须刀

@儿童内容
@代码{
[参数]
公共RenderFragment ChildContent{get；set；}
}

SvgSample.razor

@代码{
}

TestPage.razor

---

我找到了一种方法：

在wwwroot中添加文件：

然后只需将其添加到HTML页面：

<img src="Images/scissors.svg" />

编辑： 如果您不需要使用css编辑图像，则可以使用此选项。

---

阅读@J-Ho评论。

好主意。。虽然由于我使用的大多数路径，我将跳过SVG示例，只在其中填充一些循环，但如果这样做，它将被视为img元素。不能像svg元素那样设置img元素的样式。svg元素通常用于图标，其中应用了悬停和所有其他效果。例如，您可以使用css更改svg元素的填充和笔划颜色，但如果是静态img元素，则不能更改。@J-ho，我不知道这一点。谢谢你的解释。

<circle cx="50" cy="50" r="40" stroke="green" stroke-width="4" fill="yellow" />

@code {

}

<SvgHolder >
    <SvgSample />
</SvgHolder>

<img src="Images/scissors.svg" />