Embedded SVG-file looks awful

I’m trying to insert an SVG file into a UIKit project that is supposed to look like this:

…but when I display the page, I get this:

which is not quite what I had hoped for.

Apparently there is a class “uk-preserve” that should be applied, but the SVG stack does not have a setting for that. Can you help?

I’m not familiar with that class, but if it will work just add it as a custom class to the SVG stack.

Thanks for the suggestion. I actually tried that, like so:
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 260 240" class="uk-preserve">

but it seems the class attribute is overwritten when the page is generated. So what I see in the inspector is this:
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 260 240" class=" uk-svg" width="240" height="240" data-svg="resources/color-swatches-2.svg">

How are you applying the class?

And can you fire up the svg code, so it can be checked?

Hey @tgr uk-preserve works just tested here. I just have to add the missing advanced tab with the css class field to the Svg stack, will be ready on the upcoming version probably but the end of this week.


@Lucas Perfect, thank you.

Great support!