Wrote a little tool a while ago to convert SVGs to...

# feed

[Alex Styl]

Wrote a little tool a while ago to convert SVGs to Compose Image Vectors

Today I ported it to Compose Web (was written in HTML + Jquery before and it was a nightmare to maintain)

Thought you folks would find it interesting 🙂

https://composables.com/svg-to-compose

[Lukas Anda]

Maybe just a question, would it be possible to write it to vector drawable as well? As for large vectors kotlin fails to compile the files with long code (example is this world map )

map_of_world.svg

[Alex Styl]

thanks for sharing @Lukas Anda. I'll have a look today

[Alex Styl]

Would love to support vector drawable btw. easier to iterate now that's the whole thing in kotlin but no promises when it would be ready

[Frank Bouwens]

I’ve noticed the scrollbar is gone when I mouse-over the SVG-to-Compose element 😛

Schermopname 2025-06-03 om 10.22.28.mov

[Alex Styl]

weird. what browser + os is that? do u use a mouse or trackpad?

[Alex Styl]

It might be the browser doing something than compose or my site related

[Frank Bouwens]

MacBook Pro (M2), MacOS, Chrome browser, trackpad on laptop.

[Frank Bouwens]

I've noticed before that Compose WASM apps hide the Scrollbar.

[Alex Styl]

that doesn't happen here. might be worth opening a bug about it if you've seen it in multiple apps

[gildor]

Would be nice to have an option see output on UI, without need to download

[Alex Styl]

@gildor how come? the output should the 1-to-1 of the svg. currently working on improving the algo

[gildor]

Ah sorry, I meant resulting code, not preview of the file, just to copy-paste code without need to deal with files

[Alex Styl]

that makes sense. can you clarify the use case? ie would copy to clipboard work?

[gildor]

yep

[gildor]

But I also would probably just like to see result before copying, maybe it's too large, and I wouldn't bother to add it in code at all 😄

[Alex Styl]

thanks for clarifying. let me see what i can do