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

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:

On light theme:

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

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

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

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.