Custom Icon Loader - Home Assistant integration
Allow you to use your own icons in Home Assistant. No more static images ! Using svg icons allows for them to dynamically react to the state of your entities, like the brightness or the color of a light.
You need to add in your configuration.yaml the following line :
custom_icons:
Then use one of the following methods :
If you use HACS, you can add this repository as a custom one. Go to the settings, and fill as following :
- Custom repository : 'armaell/home-assistant-custom-icons-loader'
- Category : Integration
Copy the folder custom_components of this repository into the custom_components inside your Home Assistant folder.
Go to Fontello.
Select icons you wish to use and/or add your own svg icons. Then download your archive.
Move the archive to the custom_icons folder.
- The
custom_iconsfolder will be created at the root of your Home Assistant folder, or create it yourself. - You can add as many files as you want.
Once the file placed, reload Home Assistant.
You can now use your new icons in a similar fashion than stock mdi icons, but with custom: prefix. By example, if you added 'git' icon :
You can use other prefixes than custom: by creating a subfolder inside the custom_icons folder. By example custom_icons/room will make the icons inside this folder available with the room: prefix.
The icon used in the example has been made by Pixel perfect
The code from template.js and custom_component_server.py are from thomasloven