Is there any practical way to load SVG files on Compose/iOS at the moment? I can see the `Image`/`Im...

# compose-ios

[darkmoon_uk]

Is there any practical way to load SVG files on Compose/iOS at the moment?
I can see the `Image`/`ImageVector`/`vectorPainter` API set is present - any existing code to get SVG format loaded into that?

[Mitchell Syer]

iOS is a Skia target so SVGPainter(SVGDOM(Data.makeFromBytes(bytearray)), density) should work

[Mitchell Syer]

Just noticed the SVG painter I use isn't from compose. Here's a link to it https://github.com/qdsfdhvh/compose-imageloader/blob/master/image-loader/src/skiaMain/kotlin/com/seiko/imageloader/util/SVGPainter.kt

[spierce7]

Wait - so with this, we can load SVGs multiplatform?

[spierce7]

That’s what I’ve been waiting for with compose-web

[Mitchell Syer]

Looks like it, the jsMain depends on skiaMain for that library

[Mitchell Syer]

androidMain doesnt, but it has its own svg loading utils

[darkmoon_uk]

Just confirming here that borrowing the Skia API-based SVG rendering code from the link above did easily lead to rendering SVG's on both iOS and Desktop 🎉

...while Desktop already has its own dedicated convenience methods for SVG rendering; using this Skia code just happened to result in a new shared-code function between iOS/Desktop 👍

(Hopefully in mid-future JB will extend some of Desktop's conveniences to iOS)

[Simon E]

I've been using this plugin to convert SVG files to ImageVector
https://plugins.jetbrains.com/plugin/18619-svg-to-compose

[darkmoon_uk]

That's interesting @Simon E, I wasn't aware of that plugin, thanks for sharing - would surely result in better runtime performance at the cost of some extra maintenance. Is the plugin one-shot manual generation only, or can you integrate it into a codegen/build process?

[Simon E]

It's just an intellij plugin, so it adds a new GUI option to select a folder with svg files and generate ImageVector objects from these. However it wraps this project https://github.com/DevSrSouza/svg-to-compose so I suppose you might be able to more with this.