Hey everyone!
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.
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!