How to make proper SVG images for Homey?

MrDutchfighter

Hi all,

I'm absolutely new to making SVG images. I've first tried with all kinds of online converters, but they really don't seem to work. So I started to create some SVG images with a proper editor. Well, I was kinda proud on the result of the images.. until I loaded them in my app in Homey and they just don't seem to work Can someone help me in the right direction by telling me what I'm doing wrong?

Thanks! (see images of how they show up in Homey below)... The SVG files are not allowed, so I made some screenshots of them as well.

Icarus

I had the same challenges. In the end I used the following site to convert my images to SVG: http://www.mobilefish.com/services/image2svg/image2svg.php. Maybe this will help you with at least converting images to SVG.

ZperX

I could have a look for you if you upload here: https://imgh.us/

Or Athom has this dedicated github page for it: https://github.com/athombv/homey-vectors-public

MrDutchfighter

@ZperX thanks, didn't know the github page, that's cool! I'm currently out of town for work but will try to upload them tomorrow.

OpenMind_NL

I just create a bmp and convert it to  svg with potrace.

http://potrace.sourceforge.net/

captkiwi

Inkscape is a pretty good and FREE program to draw SVG images or convert them.
Available for Windows/MAC OSX / Linux

https://inkscape.org/en/about/

MrDutchfighter

Thanks all for the responses and the helpful links. I figured it out now, it seems that there was a whole black background layer as a base layer. So when Homey tried to filter the 'white spaces' there was still a black layer hidden, so the whole icon turned black.