So, I want to use custom icons for some things in my HA setup.
I’ve got the following things done:
- I created a www folder in the config folder. Location is
/config/www
- I put in the folder a test icon that I downloaded from the MDI library, to make sure it’s compatible. Specifically this one: account - Material Design Icons - Pictogrammers I downloaded it in .svg format.
- the location of the file is
/config/www/account.svg
- In lovelace I create a new Button Card and in the icon section I enter location as
icon: /local/account.svg
Result: The Button Card shows a blank space where the icon should be displayed.
Troubleshooting steps:
- I restarted the HA
- I checked the https://my.ha/local/account.svg to verify that the icon is properly served and displayed. And it is.
- I tried several other files. Same result
I’m running HA on HA Yellow and it’s updated to the latest version as of now. I have no other issues at the moment.
I’ve seen some similar topics here in the forum, but the only other which seemed similar to mine, was where the gentleman was using .png files and had to use entity_picture
instead of icon
. I hope this doesn’t apply in my situation (as far as I tried testing it, it didn’t help anyway) as I want to change entity icon as an end result.