Style element

Question

I’m using this smooth-code svg to jsx converter to render my svg components. My designer co-worker is sending me the svg files with the style element, it looks like this:

<style>.a{fill:none;}.b{clip-path:url(#a);}.c{clip-path:url(#b);}.d{fill:#fff;}.e{fill:#f8cd2d;}.f{fill:#e2222c;}.g{fill:#14673b;}.h{clip-path:url(#c);}</style>

smooth-code converts them but with this message:

/* SVGR has dropped some elements not supported by react-native-svg: style */

And because of that, the svg is fully black when rendered… I dont know what to say to my co-worker to fix this at his end (He uses Adobe XD), so the workaround I found is to manually add the fill prop with the needed color…

Is there a better solution?

[msand]

There is support for the style element in SvgCss nowadays

[goff-studio]

@myitelekt those are dynamic xmls that I receive from the backend. the solution was using SvgCss,