Feature Request : Material Design icon

[hot22shot]

Hi,

Great app ! I wonder if it would be possible to also use the icons from Material Design (https://materialdesignicons.com/) ?

Thx

[oldviking]

That would be really cool, because not every icon is free on the solution now.

[bastienwirtz]

Hi there,
Thanks for contributing! Having Material icons would be great, I will look into it. We should have an option to use different icon set (and avoid loading unused icon library). I'll keep you posted here!

Best

[dkgof]

It does kinda work already, if you add the webfont css from material design as a custom stylesheet in the config:

stylesheet:
  - "https://cdn.jsdelivr.net/npm/@mdi/font@5.9.55/css/materialdesignicons.min.css"

And then you can use it for icons:

icon: 'mdi mdi-home

Of course this loads the entire css + webfont, which is around 300kb I think.

[hot22shot]

It does indeed work !

[xbmcnut]

👍 Thank you. As a Home Assistant user I was much more comfortable using MDI. Works a treat. Noted that code should be this though:

icon: "mdi mdi-home"