You can do this two different ways.
The first way would be to use a custom:button-card instead. Just upload the picture you want to use to HA and then style the card the way you want it. I created a folder for my images called “my_images” in the “config” directory.
type: custom:button-card
entity: light.bcl_local
entity_picture: /local/my_images/power92_01.jpg
show_entity_picture: true
styles:
card:
- border-radius: 30%
- background-color: white
The second way to do it is with the FontAwesome integration found on HACS. With this you can upload your own icon. First you’ll have to install the integration and then you’ll have to create a custom_icons folder in your HA “config” directory. Then go to the Iconify website and search “Google Calendar”, click on the colored Google calendar icon, and then click download. You then have to upload the downloaded icon to the folder you just created for icons. Once uploaded, you can use the icon by using icon: fapro:(NAME_OF_ICON)#fullcolor. If you don’t include #fullcolor immediately after the name of your icon it will not be in color.
type: custom:mushroom-chips-card
chips:
- type: entity
entity: light.bcl_local # I changed so it works on my HA
tap_action:
action: navigate
navigation_path: /lenovo-m10-plus-calendrier
content_info: name
icon: fapro:logos--google-calendar#fullcolor
use_entity_picture: false
name: Calendrier
view_layout:
grid-area: head2
card_mod:
style: |
ha-card {
background: transparent;
}
