Issue With Icons Being Correct on Card

Configuration Frontend
1

Hi,

Got a card and trying to monitor various UPS loads. Not sure why but the icon presented for the last two things I am monitoring is incorrect. The first three are fine.m Ideas?

type: custom:vertical-stack-in-card
cards:
  - type: markdown
    card_mod:
      style: |
        ha-card {
          font-size: 15px;
          margin-bottom: -10px;
          border-bottom: none;
          border-radius: 10px 10px 0px 0px;
    content: UPS Loads
  - type: custom:bar-card
    direction: right
    entities:
      - color: Red
        entity: sensor.ups_load_office
        name: 'Ubiquiti '
      - color: Blue
        entity: sensor.ups_load_lr
        name: 'Living Room '
      - color: Green
        entity: sensor.ups_load_office
        name: 'Desktop '
      - color: Peru
        entity: sensor.bedroom_ups_load
        name: 'Bedroom '
      - color: darkcyan
        entity: sensor.baseups_load
        name: 'Basement '
    height: 30px
    max: 100
    min: 0
    padding: 2px
    title_position: bottom
    icon_position: inside
    unit_of_measurement: '%'
    width: 100%

image

2

The bar-card shows an own entity’s con by default.
Probably some entities do not have some particular icon defined.
Solutions:

  • either find out how to set a proper icon for these 2 entities,
  • or use a native”icon” option of bar-card
3

All entities did have an icon, correct one at that defined. Fix was to specify the icon to the existing code I posted.

4

Ok, are these icons displayed when using a stock Entities card with these 5 entities?

5

Yes, someone else helped me with this card – I just tweaked it to give me a quick overview. Thanks for pointing me towards fix.

image

6

It is not what I asked about, but never mind. Good that you achieved your goal.

7

oh I see what your saying now. Try the entities card and see the results. I am trying to re-use alot of cards where possible as I don’t know much about yaml. In the case of this one I wanted to be able specify things such as font, margins and stuff like that.

My HA is fairly straightforward and probably less than a dozen integrations and add-ons. Trying to keep it simple but achieving what I want.

8

I asked you to show the Entities card with these 5 entities merely to see icons.
If icons for those 2 entities are “eye” - means that you do not have properly set icons for these entities.