Hello there,
I loved how Expo’s tools let me quickly tweak icons and splash screens: just change colors, see the result, and move on.
Now with Jolla/Harbour, I started to create some apps and before doing so, I like validating icons and colors. Inkscape is great, but I’m not used to it. I wanted something faster, so I built a simple icon builder with TypeScript, Preact, and Bun. Claude helped kickstart the SVG and PNG outputs code.
It’s still a work in progress, but it’s already making things easier. If you’ve ever struggled with icon workflows.
Let me know what you think, if you believe this tool can be improved !
19 Likes
This is very nice, it will help us customize it in more detail. Hooray!
1 Like
Effing amazing!
FWIW there are templates here; loading the SVGs into Inkscape has worked well for me.
But your thing is better, even if icons might require post-editing.
Your SVG emoji integration sucks right now - it looks different on each platform, incl. centering - and that won’t change until the font itself is included (could be just that one glyph) or the emoji is vectorized directly into the SVG.
The downloaded .zip gives me blank canvases* even though the preview works nicely otherwise. I’m guessing that 's Claude’s doing 
* this might be because many browsers block canvas creation by default (fingerprinting), but that should not be necessary to convert the result into different sized PNGs merely for download. And apparently your app works nicely without canvases otherwise.
To summarize: the SFOS-typical shape, frame and gradient design works perfectly, everything else requires improvement.
3 Likes
Thank you for your answer !
I’ll give a look to it, that’s true, I only tested on firefox with localhost.
I really tried to stick with minimum of JS libs, so I may missed some browsers!
And I agree for the zip, I tried to find a light lib to cover this use case, but did not work all the time.
I will take in account your feedback, that will help to improve it, thanks !
1 Like
Nice and helpful Tool, played a Little Bit around and will definitive use it for my Next Harbour App soon😜
Amazing tool! My design skills are terrible, thank you a lot!!
While I’m on it, if anyone wants to change the icons for my apps, I’m more than happy!
2 Likes
