Roborock Vacuum entity icon for "hass-fontawesome" with "xiaomi_cloud_map_extractor" background

Share your Projects!
1

Roborock Vacuum entity icon icon for hass-fontawesome with dynamic xiaomi_cloud_map_extractor background image.

Icon is dynamic - takes entity state color, can be used in any entity card or header/dashboard etc.

On dark theme:

fapro-icons-dark
fapro-icons-dark3798×1780 611 KB

On light theme:

fapro-icons-light
fapro-icons-light3798×1780 604 KB

And “#fullcolor” is animated!
fapro-vacuum-map

Also made one for my dishwasher.
I will make the SVG code more legible in following days and upload here or github. Happy weekend!!

2 Likes
2

Better late than never - here is the icon with description how to get the map background: https://github.com/velijv/roborock-icon

3

Hi,
the icons look good, but could you please help me how to get them installed?

I’ve never done this before and I’m a bit lost at the moment.

Thank you

4

Thanks! My setup is using Hass Fontawesome:

Using with custom icons

If you have other svg icons you want to use (including but not limited to the Fontawesome Pro set), you can do so by placing the .svg files in <Home Assistant Config>/custom_icons/. You will need to create this directory yourself.

You can then use those icons with the fapro: prefix. E.g. fapro:lamp will get the icon in the file <Home Assistant Config>/custom_icons/lamp.svg.

  1. Install a font manager
  2. Download the file to the custom font directory on your HA instance
  3. Open the file in text editor, look at the instructions here and add your floor map as background
  4. edit an entity, change it’s icon to: fapro:roborock#fullcolor

This can be done with any font manager plugin that supports adding custom icons i guess.