Does anyone have experience using the `styledSvg{....

# javascript

[Mark Iantorno]

Does anyone have experience using the styledSvg{...} ? I am not clear on how to set the .svg file as the src for the image or how to set/change the fill property of the svg to change the color. Any advice would be appreciated.

[turansky]

Do you mean this util? https://www.npmjs.com/package/styled-svg

[Mark Iantorno]

yeah, well really I just can't get svgs to work with kotlin js

[Mark Iantorno]

even the unstyled version

[Mark Iantorno]

I would love to jsut see examples of people using Kotlin multiplatform to display pages with svgs

[Mark Iantorno]

using the fill property to change color

[turansky]

require + parse works fine

[turansky]

I use svg-inline-loader for svg

[Mark Iantorno]

is there an example I cna look at?

[Mark Iantorno]

I'm pretty new at this, sorry

[turansky]

Webpack configuration for svg generated here - https://github.com/turansky/kfc-plugins/tree/master/examples/yfiles-web-component

[Mark Iantorno]

I'll take a look, thanks

[turansky]

Check webpack.config.d directory after build

[turansky]

rules & modules

[andylamax]

to add the svg file, just use the image tag styledImg(src="path/to/pic svg")

[Mark Iantorno]

and how do you change the fill color @andylamax

[Mark Iantorno]

I can't seem to find the fill property

[Mark Iantorno]

I want the color to change on click/hover

[andylamax]

that, I do not know how. How would you do it in html?

[Mark Iantorno]

You would just set the fill for the svg using css

[Mark Iantorno]

like this: https://css-tricks.com/change-color-of-svg-on-hover/

[Mark Iantorno]

but...I cannot seem to be able to access any fill property when using kotlinx css