https://materialdesignicons.com/ https://thenounproject.com/ https://www.flaticon.com/ https://github.com/athombv/homey-vectors-public
https://svg-path-visualizer.netlify.app/ https://cloudconvert.com/svg-to-png (For making store images. Upload twice and use settings: 75x75 and 500x500)
- Get the icon on screen in https://my.homey.app
- Right click -> Inspect
- Copy the large text 'url' from the --data CSS property
- Enter the blob on https://base64.guru/converter/decode
- Remove the
data:image/svg+xml;base64,from the fron of the blob - Click convert
- Save output in a .svg file
- Change the 'fill' attribute from
#313132toblack
Homey converts anything not-transparent to black. White backgrounds therefore turn black when shown in Homey.
The keyword 'transparent' is supported by Homey but not all tools support it. Better is to use: fill="none" fill-opacity="0" for compatibility.
SVG versions (approximations) of default Homey icons
| Capability | Icon |
|---|---|
| measure_co |  |
| measure_co2 |  |
| measure_pm25 |  |
| measure_luminance |  |
| measure_humidity |  |
| alarm_water |  |
Modified icons for custom capabilities and devices
| Capability / name | Icon |
|---|---|
| measure_eco2 |  |
| measure_tvoc |  |
| measure_dust |  |
| measure_pm1 |  |
| measure_pm10 |  |
| measure_pm10 | |
| measure_luminance_full |  |
| measure_luminance_visible |  |
| measure_luminance_ir |  |
| Gasses |  |
| Alarm Generic |  |
Other custom icons
| Name | Icon |
|---|---|
| Output Boolean |  |
| Output Pulse |  |
| Output PWM |  |
| Output RTTTL |  |
| Output Tone |  |
| Input Analog |  |
| Input Switch |  |
| P1 meter |  |
| Pulse counter |  |
| measure_distance_mm |  |
| measure_distance_cm |  |
| measure_distance_inch |  |
| Distance |  |
| unknown |  |
| ESP Easy |  |
| ESP Easy color |  |