Icon personnalisé

Entraide Home Assistant
1

Bonjour,

Je voudrais mettre un icon autre que les mdi traditionnel, est-ce possible?
J’ai essayé sur une custom:button-card mais cela ne s’affiche pas:
image

Template 
### Card Generic Swap ###
card_generic_swap:
  template:
    - "icon_more_info_new"
    - "ulm_translation_engine"
  variables:
    ulm_card_generic_swap_icon: "[[[ return entity.attributes.icon ]]]"
    ulm_card_generic_swap_name: "[[[ return entity.attributes.friendly_name ]]]"
    ulm_outlet_power_enable_popup: false
  custom_fields:
    item1:
      card:
        type: "custom:button-card"
        custom_fields:
          item1:
            card:
              type: "custom:button-card"
              entity: "[[[ return entity.entity_id ]]]"
              icon: "[[[ return variables.ulm_card_generic_swap_icon; ]]]"
              styles:
                icon:
                  - color: "rgba(var(--color-theme),0.9)"
              variables: >
                [[[
                  let vars = variables;

                  if(variables.ulm_outlet_power_enable_popup) {
                    vars.ulm_custom_popup = {
                      'template': 'popup_power_outlet_stats',
                      'popup_variables': {
                        'ulm_popup_power_outlet_sensor1': variables.ulm_popup_power_outlet_sensor1,
                        'ulm_popup_power_outlet_sensor2': variables.ulm_popup_power_outlet_sensor2,
                        'ulm_popup_power_outlet_graph_sensor': variables.ulm_popup_power_outlet_graph_sensor
                      }
                    };
                  }
                  return vars;
                ]]]
          item2:
            card:
              type: "custom:button-card"
              entity: "[[[ return entity.entity_id ]]]"
              label: "[[[ return variables.ulm_translation_state_unit ]]]"
              name: "[[[ return variables.ulm_card_generic_swap_name ]]]"
              variables: >
                [[[
                  let vars = variables;

                  if(variables.ulm_outlet_power_enable_popup) {
                    vars.ulm_custom_popup = {
                      'template': 'popup_power_outlet_stats',
                      'popup_variables': {
                        'ulm_popup_power_outlet_sensor1': variables.ulm_popup_power_outlet_sensor1,
                        'ulm_popup_power_outlet_sensor2': variables.ulm_popup_power_outlet_sensor2,
                        'ulm_popup_power_outlet_graph_sensor': variables.ulm_popup_power_outlet_graph_sensor
                      }
                    };
                  }
                  return vars;
                ]]]
Carte 
- type: custom:button-card
   template: card_generic_swap
   entity: sensor.docker_home_assistant_state
   variables:
      ulm_card_generic_swap_name: Home Assistant
      ulm_card_generic_swap_icon: /local/images/docker_images/ha.ico

Merci pour votre aide.

2

Hello

comme ceci

aaaaa
aaaaa659×592 29.3 KB

code de ma carte

type: custom:stack-in-card
cards:
  - type: custom:mushroom-template-card
    primary: Porte Entrée
    secondary: |-
      {% set state=states('binary_sensor.porte_d_entree_contact') %}
      {% if state=='off' %}
      Fermé
      {% elif state=='on' %}
      Ouverte
      {% elif state=='unavailable' %}
      indisponible
      {% endif %}
    picture: /local/doors/aqara_door.png
    entity: binary_sensor.porte_d_entree_contact
    layout: hor
    hold_action:
      action: more-info
    tap_action:
      action: more-info
    fill_container: false
    badge_color: ''
    double_tap_action:
      action: more-info
    card_mod:
      style:
        mushroom-shape-icon$: |
          .shape {
            box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.16) !important;
          }
          ha-card {
            background: none;
            --chip-box-shadow: none;
            --chip-background: none;
            margin-top: 0px;
          }
  - type: custom:mushroom-chips-card
    chips:
      - type: template
        card_mod:
          style: |
            ha-card {
            font-family: "Lucida Handwriting";
            }
        entity: sensor.porte_d_entree_battery
        content: '{{ states(''sensor.porte_d_entree_battery'') }} %'
        icon: |-
          {% set bl = states('sensor.porte_d_entree_battery') | int %}
          {% if bl < 10 %} mdi:battery-outline
          {% elif bl < 20 %} mdi:battery-10
          {% elif bl < 30 %} mdi:battery-20
          {% elif bl < 40 %} mdi:battery-30
          {% elif bl < 50 %} mdi:battery-40
          {% elif bl < 60 %} mdi:battery-50
          {% elif bl < 70 %} mdi:battery-60
          {% elif bl < 80 %} mdi:battery-70
          {% elif bl < 90 %} mdi:battery-80
          {% elif bl < 100 %} mdi:battery-90
          {% elif bl == 100 %} mdi:battery
          {% else %} mdi:battery-unknown
          {% endif %}
        icon_color: |-
          {% set bl = states('sensor.porte_d_entree_battery') | int %}
          {% if bl < 10 %} red
          {% elif bl < 20 %} red
          {% elif bl < 30 %} red
          {% elif bl < 40 %} orange
          {% elif bl < 50 %} orange
          {% elif bl < 60 %} orange
          {% elif bl < 70 %} green
          {% elif bl < 80 %} green
          {% elif bl < 90 %} green
          {% elif bl < 100 %} green
          {% elif bl == 100 %} green
          {% else %} grey
          {% endif %}
        tap_action:
          action: more-info
        double_tap_action:
          action: more-info
        hold_action:
          action: more-info
      - type: template
        card_mod:
          style: |
            ha-card {
            font-family: "Lucida Handwriting";
            }
        entity: sensor.porte_d_entree_linkquality
        content: '{{ states(''sensor.porte_d_entree_linkquality'') }} LQI'
        icon: |-
          {% set bl = states('sensor.porte_d_entree_linkquality') | int %}
          {% if bl < 81 %} mdi:signal-cellular-outline
          {% elif bl > 80 %} mdi:signal-cellular-1
          {% elif bl > 128 %} mdi:signal-cellular-2
          {% elif bl > 192 %} mdi:signal-cellular-3
          {% else %} mdi:progress-question
          {% endif %}
        icon_color: |-
          {% set bl = states('sensor.porte_d_entree_linkquality') | int %}
          {% if bl < 81 %} red
          {% elif bl > 80 %} orange
          {% elif bl > 128 %} yellow
          {% elif bl > 192 %} green
          {% else %} red
          {% endif %}

Peut t’etre que les .ico ne fonctionne pas en direct essai de les modifier en changeant leur format

3

Oui c’est ça!
Comment ça fonctionne sans passer par du Mushroom?
Peut-etre passer par le customize.yaml?

4

Je pense avoir réussi a ajouter une image a mon sensor:

sensor.docker_home_assistant_state:
  entity_picture: /local/images/docker_images/ha.png
  friendly_name: Home Assistant

image

Mais je n’arrive pas à remplacer l’icon dans la carte par cette image…
image

P.S: J’avance, j’ai reussi a remplacer l’icone par l’image mais c’est petit:
image