Icones won't load properly

Question

Icones won't load properly

Opened this issue 6 months ago · 12 comments

Describe the bug
Icones won't load properly, even with navigator cache cleared and the ressource module added: /hacsfiles/material-symbols/material-symbols.js
Same issue on companion app.

To Reproduce
1)Refresh web page
2)Icones not showing
3)Edit dashboard
4)Icones showing
5)End edition
6)Icones showing
7)Refresh web page
8)Icones not showing

Solution
I've seen crawmartino telling the same issue : Material Symbols for Home Assistant - A Material Design 3 based icon pack
He is using UI Controlled dashboard too.

Answer 1 · 2024-06-16T20:49:56.000Z

Also experiencing this while doing the steps you mention above. I've also tried restarting HA multiple times and it randomly will load or not load after a full HA restart as well.

Clearing browser cache doesn't help either.

Answer 2 · 2024-09-18T18:35:50.000Z

would love to know the cause of this issue – it happens all the time, randomly. Any one know what could be causing it?

Answer 3 · 2024-09-26T08:28:43.000Z

I've found that loading another dashboard briefly then navigating back to the main dashboard brings the icons back. Could be a clue?

Or perhaps is just a cache issue – but does seem like something else is going on under the hood?

Answer 4 · 2024-10-16T13:07:20.000Z

Or perhaps is just a cache issue – but does seem like something else is going on under the hood?

This also works; if you edit dashboard then press "done" it sometimes fixes it.

If that doesn't fix it, going edit dashboard, go to edit a card (don't have to make any changes), then cancel out of the edit card and press "done" again on the edit dashboard brings them back for awhile until they disappear again on another load

Answer 5 · 2024-10-18T17:17:02.000Z

curious if any of you are experiencing this issue: home-assistant/frontend#17820 (comment)

Feel like this icon issue arrived at a similar time to 'no back'.

If you are experiencing the same issue, let them know on that thread.

edit: OR if any of you are using bubble cards hacs integration on your dashboards?

Answer 6 · 2024-10-21T13:02:16.000Z

curious if any of you are experiencing this issue: home-assistant/frontend#17820 (comment)

Feel like this icon issue arrived at a similar time to 'no back'.

If you are experiencing the same issue, let them know on that thread.

edit: OR if any of you are using bubble cards hacs integration on your dashboards?

I think I have bubble card installed but it's not part of my dashboard.

Answer 7 · 2024-10-23T17:11:54.000Z

Hi @Jejebond, @mousemat86, @xvlw,

I have done a major update to this and migrated from Lovelace/Dashboard repository, to an Integration repository.
If you wouldn't mind, please follow the steps in Migrating from v1.X.X to 202X.X.X and then attempt install via HACS Method 2.

Hope this resolves things for you!

Thanks

Answer 8 · 2024-10-23T17:17:13.000Z

Awesome news - will give it a try soon. I've designed a whole set of dashboards around these icons so have been desperate to get a fix rather than editing everything manually. Will report back!

Answer 9 · 2024-10-24T08:29:00.000Z

Great fix – thank you for taking the time @beecho01.

Find and replace m3s: to m3rf: was a killer :)

Answer 10 · 2024-10-24T08:42:19.000Z

I won't be changing the prefix and names again! 😅 This is how I wanted them to begin with but I lacked the knowledge at the time.

I will keep this issue open for now though, to make sure the issues described above do not re-occur.

Answer 11 · 2024-11-02T04:37:48.000Z

So far it seems to have fixed my caching issue.

Answer 12 · 2024-11-14T10:13:01.000Z

It looks like this has been fixed on desktop for me, but in the mobile app the icons don't show up at all, no matter if I switch dashboards or reload..