Custom icons not showing up

Configuration Frontend
1

I’ve seen so many issues with this, but all of the suggestions are “reset front end cache”
This doesn’t seem to do anything as it is an issue on every platform, every new device.
I am using cloudflare tunnel, I purged and disabled caching, yet the icons(only custom ones such as phu) still don’t want to load.
Is there a solution to this? I’ve done all the research I can, still can’t manage to make it work.
Below is an example with a HomePod icon

IMG_0730
IMG_07301179×2556 158 KB

IMG_0731
IMG_07311179×2556 157 KB

2

Means - “custom icons not showing up”?

1 Like
3

Yes, thank you, mislabeled the title.

4

I don’t think this is a source of your issue. I run cloudflare and the Custom brand icons work fine.

I assume you followed these steps?

Don’t see the icon?

Cache issue HomeAssistant 2024.1.1

Some addons (including official) have had some cache issues since 2024.1.1, here are a few work arounds to try

  1. first go to settings, dashboard and 3 dots click resorces, add resource

/hacsfiles/custom-brand-icons/custom-brand-icons.js?hacstag=366862031202420

  1. Add this second resource too

/local/community/custom-brand-icons/custom-brand-icons.js

Hard Reload (browser cache issue)

  • Reload browser by holding CTRL and pressing F5.
  • For Mac, hold ⌘ CMD and ⇧ SHIFT, then press R.

Redownload Integration

  1. From left sidebar, select on HACS.
  2. Select on Integrations.
  3. From the top header bar (Integrations, Frontend), select Frontend.
  4. Search custom-brand-icons on the search bar.
  5. Select Custom brand icons.
  6. From the top right, select the 3 vertical dots which opens a dropdown menu.
  7. Select Redownload.
  8. Hard reload browser.

Reinstall Integration

  1. Open the dropdown menu from Step 6 of Redownload Integration.
  2. Select Remove, then select Remove again on the popup.
  3. This should bring you back to /hacs/frontend
  4. From the top right, select the 3 vertical dots which opens a dropdown menu.
  5. Select on Custom repositories.
  6. Find Custom brand icons and select it.
  7. On the bottom right, select the big blue Download icon.
  8. Hard reload browser.

You can uninstall HACs and reinstall it with no harm to your system.

5

Strangely enough, I’ve done this before, but this time completely uninstalling it, removing the dashboard resources, and reinstalling did the trick.