Entity Icons not showing up

[mploetner]

Checklist

• I updated the card to the latest version available
• I cleared the cache of my browser

Describe the bug
No matter what I do and how simple the card is I try to create. The Icon never shows up. I tried multiple browsers, dashboards, entities etc. Also tried to reinstall Button card.

Name e.g. is shown, icon not. This happens since some weeks.

The same code on another instance of HA works flawlessly

example code:

type: custom:button-card
entity: light.licht_wohnzimmer
show_icon: true

Version of the card
Version: 4.1.2

To Reproduce
This is the configuration I used:

type: custom:button-card
entity: light.licht_wohnzimmer
show_icon: true

Screenshots

Expected behavior
Icon shows up

Desktop (please complete the following information):

• Browser : Multiple (Safari, Chrome. HA App)

Smartphone (please complete the following information):

• Device: iPhone 15 Pro Max

[webhoffi]

Same to me.
When i edit the button it looks good, after saving icon is not shown.
With "show_name: false" icon will be displayed.

[davidrpfarinha]

As of 2024.7.0, I'm having the same issue. Setting the "show_name:false"didn't work for me.

show_name: true show_icon: true type: custom:button-card entity: cover.great_room name: 0% icon: mdi:window-shutter-settings show_label: true styles: card: - height: 100% tap_action: action: call-service service: cover.set_cover_position target: entity_id: cover.great_room data: position: 0

[bouboun59]

Idem Here, since last migration don't show icon in android app an dios app and chrome

[bouboun59]

I founded the problem,
it's HEIGHT: 100%, don't work,
I deleted height: 100% now it's ok

[davidrpfarinha]

I founded the problem, it's HEIGHT: 100%, don't work, I deleted height: 100% now it's ok

That did it for me as well!

[bmangodt]

The height: 100% does indeed "fix" it, but then the card does not have the same proportions as the rest of my cards in a grid. This is still an issue that needs to be looked into...