How to make proper SVG images for Homey?

MrDutchfighter · January 2017

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.

Image: https://forum.athom.com/uploads/editor/q8/5jc8zza1ere9.png

Image: https://forum.athom.com/uploads/editor/si/urnie91a59bw.png

Icarus · January 2017

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 · January 2017

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 · January 2017

@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 · January 2017

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

http://potrace.sourceforge.net/

captkiwi · January 2017

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 · January 2017

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.

How to make proper SVG images for Homey?

Comments