Large Emoji

Configuration Frontend
1

Is it possible to make emoji larger in the dashboard? I’d like to have a “Comfort” screen where an emoji will represent the Thermal Comfort conditions of the room.

I can easily do this with templates, but the emoji displayed is very small. I tried a few card-mod code entries but they don’t seem to affect emoji size.

Maybe I need to get image files of the emoji and use a picture entity card with conditional values.

For example, I want

Comfortable :grinning:
Extremeley Uncomfortable :hot_face:

2

Post a SHORT code with emoji & your attempt to scale it.

3

I did some more searching with different keywords and eventually found code that works in making the emoji bigger, but the card isn’t big enough to display it, so the image gets clipped. Even after using code to make the card bigger, the space where the emoji is displayed isn’t growing. Not sure how to make that space larger.

Code

type: custom:mushroom-entity-card
entity: sensor.office_comfort
icon_type: none
primary_info: none
fill_container: true
card_mod:
  style:
    mushroom-state-info$: |
      .container {
       --card-secondary-font-size: 200px;
       --card-primary-font-size: 200px;
      }
    .: |
      ha-card {
        height: 200px !important;
        width: 200px;
      }

Result

image