How to display a SVG in Visual Studio design?

Question

I have a SVG image and I want to display it in design. I use Visual Studio Community 2019. I tried to use <asp:Image/> control. With this control I can resize the SVG, but the image is not displayed. What should I do to display it in design?

Many thanks in advance!

user_227110 · Answer

It's not Visual Studio's native designer (i.e. doesn't appear in the designer tab), but I suspect either of these would give you the desired result..

VS extension "Markdown Editor"
- https://marketplace.visualstudio.com/items?itemName=MadsKristensen.MarkdownEditor
- Be sure to right click file and use 'open with.. markdown editor'
- Example..
VS extension "SVG Viewer"
- https://marketplace.visualstudio.com/items?itemName=MadsKristensen.SvgViewer
- Sets the default file handling automatically, but you can't zoom into the image wihtout zooming in the entire code editor window

How to display a SVG in Visual Studio design?

1 Answers