Asp.net mvc 4 在razor视图ASP.NET MVC4中显示SVG图像

我正在开发一个ASP.NET MVC 4应用程序，我想在我的razor视图中显示一个SVG图像。我尝试了所有方法，但都不起作用。我可以轻松地显示.png或任何其他格式，但无法使用.SVG扩展名。 在css文件背景中设置的Razor中显示SVG图像的正确方法是什么

---

背景：urldata:image/svg+xml；base64，svg到base64的转换代码

我知道两个不错的选择

在所有现代浏览器中，都可以像png文件一样显示带有标准标记的SVG文件。如果您想将SVG视为一个图像，那么这是一种方法。 唯一真正的区别是，由于SVG图像是可伸缩的，因此通常需要指定图像的大小。此外，如果SVG图像没有嵌入颜色，有时还必须指定要用于SVG图像的颜色。大多数情况下，SVG图标或较小的平面图像会忽略颜色，因此可以使用CSS来指定颜色

它应该是这样的：

还可以使用标记将SVG文件直接嵌入HTML输出中。在这种情况下，您需要使用文件流或类似文件在服务器上打开SVG文件，然后将文件的文本内容写入Razor视图的响应中。如果您的SVG是一个交互式应用程序元素，那么您需要走这条路。这是一个很好的HTML助手候选者

你可以看到一个例子

<style>
    #myImg { 
        height:100px; 
        width:100px; 
        color:black;
        background-color:white;
    } 
</style>

<img id="myImg" src="Areas_icon.svg" />