Stand with the people of Ukraine: How to Help

Svg for Uwp Converter inlines css styles to the SVG elements.

The Image control supports SVG files beginning from Windows 10 Creators Update (version 1703, build 15063).

It's just a partial support of SVG Ver 1.1 specification (see SVG Support)

And it doesn't support css-like styles. If you used Adobe Illustrator for export image, you can play with export settings as described here: SVG images shown blacked out in UWP application

If you don't have an ability to use Adobe Illustrator - you may use this tool to fix the showing issues.

After installation you can use this extension via:

View -> Other Windows -> "SVG for UWP Converter".
From the context menu of the Solution Explorer on the SVG file -> "Inline SVG Styles".

Let's use test SVG file for image source:

<Image Source="Assets/test.svg"/>

Content of the file:

Result should be:

But styles aren't applied correctly:

Let's update test.svg from the context menu:

Then rebuild the project and everything looks fine!

Privacy Notice: No personal data is collected at all.

This tool has been working well for my own personal needs, but outside that its future depends on your feedback. Feel free to open an issue.

External links:

Previous releases