Most of the ones I’ve tried work. For example, these work as expected:
icon: mdi:mailbox
icon: mdi:eye
This one does not (it just leaves a blank on the panel):
icon: mdi:alarm-light
I don’t know if the problem is on my end (config file issue), a bug in HA (perhaps it doesn’t like the dash in the name), or a problem with the image on the Material Design site
This is correct.
On the mdi site there is a clock icon that shows history. You can see that the alarm icons got added very recently.
I’m not sure how often mdi is updated in ha repo.
Just came across this same problem. This is how I got around it.
On materialdesignicons.com you can download the icon as a .png. Then you can add that to your /www (or local) directory.
If you want the icon to match your other icons. These are the setting that I used that seemed to match up pretty good with the default HA frontend.
Size: 128 (made it better to avoid pixelization)
Padding: 25
Foreground: R: 68 G: 96 B: 158 (matched to the default HS Layout color scheme by using MS Paint and the eyedropper)
Background: no change (0,0,0)
Download by clicking the “Icon” button. Drop it in your /config/www directory.