How to add SVG in compose and change its color by ...

# compose-web

[Artur Gniewowski]

How to add SVG in compose and change its color by CSS color or fill param?

[Oleksandr Karpovich [JB]]

there is a module for svg in compose-for-web https://github.com/JetBrains/compose-jb/tree/master/tutorials/Web#module-composewebsvg

attributes can be changed similarly to html elements - https://github.com/JetBrains/compose-jb/tree/master/tutorials/Web/Building_UI#attributes

and style as well https://github.com/JetBrains/compose-jb/tree/master/tutorials/Web/Building_UI#style

[Artur Gniewowski]

Is there some parser to parse svg from file to svg element?. Now i can build svg in this way:

Svg (viewBox = "0 0 24 24", {
    attr("fill", "currentColor")
}){
    Path(...)
}

[[JB] Shagen]

Artur, we are working on small yet important improvements for svg (like exactly what you’ve encountered - being able to just write fill etc.)

as of your second question - no, we don’t have anything out of the box for parsing SVG and were going to rely on generic js solutions in that aspect.