Embedding SVG in ASP.net page

Question

I would like to embed svg directly into my ASP.net-MVC view so that the output looks something like this:

Answer 1

Embed your SVG into a cshtml view file instead of a .svg file, then you should be able to use @Html.Partial to render it.

Your partial would then look like

@Html.Partial("~/Views/pathtosvg/svg.cshtml")

Answer 2

Can you use just file include same as php file?

Example:

<!--#include file="image.svg"-->

This syntax should work similar to php include, but for asp.net

Answer 3

Renaming SVG files and using Html.Partial should do the trick, but I didn't like to be renaming files in order to achieve it. So, this way, you can keep your files as they are.

@Html.Raw(File.ReadAllText(Server.MapPath("~/image.svg")))