Material Symbols for Home Assistant is now an Integration!

Hey everyone! :wave:

I’m excited to announce that the Material Symbols for Home Assistant has officially moved from being a Lovelace/Dashboard repository to a full-fledged Integration repository. :tada:


Why the Move?

This change makes the installation process smoother, ensures better compatibility, and aligns Material Symbols for Home Assistant more closely with Home Assistant’s integration standards.


New Installation Method

Instead of adding Material Symbols as a Lovelace resource via HACS, you’ll now install it as an integration via HACS. This means you can manage it directly through the Home Assistant Integrations UI! Instructions on this can be found here: https://github.com/beecho01/material-symbols#installation


Updated Icon Prefixes

I’ve re-organised the icon prefixes to reflect specific styles. Previously, m3s was a catch-all prefix for all Material Symbol style. Now, each style has its own prefix, such as m3o for outlined, m3r for rounded, and so on. This change simplifies icon usage and keeps everything consistent. A list of the new prefixes can be found here: https://github.com/beecho01/material-symbols#usage


How to Make the Switch

If you’re already using Material Symbols as a Lovelace resource, you’ll need to uninstall it from Lovelace and install the new Integration. A guide on how to do that can be found here: https://github.com/beecho01/material-symbols#migrating-from-v1xx-to-202xxx


Updated Icon Picker

There has been a move from using the Angular.js Icon Picker to a new icon picker based on the CSS framework at beercss.com and the search tool by fusejs.io. This should improve speed and future framework support as Angular.js is now no longer supported codebase.

If you run into any questions or just want to share feedback, please feel free to drop a comment here or check out the https://github.com/beecho01/material-symbols for more information!


Thanks for taking the time to read this and have fun using this in Home Assistant! :house_with_garden::sparkles:

3 Likes

The link for HACS appears to be broken:

Repository beecho01/material-symbols not found

Works for me.

Are you adding this as a new 'integration" install? Or have you got this already installed?

Same here.

Did you add the custom repository?

No, it was included in standard HACS delivery. Didn’t found that now it must be added as custom repository.

Until it is approved for inclusion in the default HACS list you have to do step one of the installation (add custom repository):

https://github.com/beecho01/material-symbols?tab=readme-ov-file#installation
brave_screenshot_github.com

1 Like

Yep, didn’t read that part. Added as custom repo. Now it works. Thanks!