Customizing a group of lights to display as an icon on a badge

I have grouped a bunch on lights in my home and would like to display the state using an icon in a badge. I defined my group as follows:

inside_lights:
  name: Inside Lights
  icon: mdi:lightbulb
  entities:
    - light.basement_main
    - light.downstairs_hallway
    - light.dining_room

In the UI, I have defined the badge as follows

title: Home
views:
  - badges:
      - type: entity-filter
        entities:
        - entity: group.inside_lights
          state_filter:
          - "on"

but the state shows up as on and not an icon. Is there a way to make it show up as an icon?
image