No icons on mobile app - Githubissues

BuurmanG commented 2 weeks ago

I experienced that the icons no show up at the mobile app. I 'm running the latest version of HA: Core 2024.10.3 Supervisor 2024.10.3 Operating System 13.2 Frontend 20241002.3

The code I use for the card is: type: custom:flex-horseshoe-card entities:

entity: sensor.islied14_temp decimals: 1 tap_action: action: more-info area: ISLIED14
entity: sensor.islied14_pressure_rel decimals: 1 tap_action: action: more-info
entity: sensor.islied14_humidity decimals: 0 tap_action: action: more-info icon: mdi:water-percent
entity: sensor.islied14_dewpoint decimals: 1 tap_action: action: more-info icon: mdi:water
entity: sensor.islied14_wind_speed decimals: 1 tap_action: action: more-info icon: mdi:weather-windy
entity: sensor.islied14_wind_direction_cardinal tap_action: action: more-info icon: mdi:weather-windy
entity: sensor.islied14_precipitation_daily decimals: 1 tap_action: action: more-info icon: mdi:umbrella
entity: sensor.islied14_uv decimals: 1 tap_action: action: more-info icon: mdi:sunglasses
entity: sensor.islied14_solar decimals: 0 tap_action: action: more-info icon: mdi:weather-sunny
entity: sensor.islied14_last_changed show: horseshoe_style: lineargradient scale_tickmarks: false layout: hlines:
- id: 0 xpos: 50 ypos: 36 length: 60 styles:
  - stroke: var(--primary-color);
  - stroke-width: 2;
  - stroke-linecap: round;
  - opacity: 1; vlines:
- id: 0 xpos: 50 ypos: 49 length: 26 styles:
  - stroke: var(--primary-color);
  - stroke-width: 1;
  - stroke-linecap: round;
  - opacity: 1; states:
- id: 0 entity_index: 0 xpos: 50 ypos: 32 styles:
  - font-size: 2.5em;
  - font-weight: bold;
  - fill: var(--primary-color);
- id: 1 entity_index: 1 xpos: 48 ypos: 46 styles:
  - text-anchor: end;
  - font-size: 1.3em;
  - fill: var(--primary-color);
- id: 2 entity_index: 2 xpos: 63 ypos: 46 styles:
  - text-anchor: start;
  - font-size: 1.3em;
  - fill: var(--primary-color);
- id: 3 entity_index: 3 xpos: 63 ypos: 59 styles:
  - text-anchor: start;
  - font-size: 1.3em;
  - fill: var(--primary-color);
- id: 4 entity_index: 4 xpos: 0 ypos: 96 styles:
  - text-anchor: start;
  - font-size: 1.3em;
  - fill: var(--primary-color);
- id: 5 entity_index: 5 xpos: 100 ypos: 96 styles:
  - text-anchor: end;
  - font-size: 1.3em;
  - fill: var(--primary-color);
- id: 6 entity_index: 6 xpos: 48 ypos: 59 styles:
  - text-anchor: end;
  - font-size: 1.3em;
  - fill: var(--primary-color);
- id: 7 entity_index: 7 xpos: 56 ypos: 72 styles:
  - font-size: 1.3em;
  - fill: var(--primary-color);
- id: 8 entity_index: 8 xpos: 62 ypos: 83 styles:
  - font-size: 1.3em;
  - fill: var(--primary-color);
- id: 9 entity_index: 9 xpos: 50 ypos: 97 styles:
  - font-size: 0.7em;
  - fill: var(--primary-color); icons:
- id: 1 entity_index: 2 xpos: 57 ypos: 46 size: 0.7 styles:
  - color: var(--primary-color);
- id: 2 entity_index: 3 xpos: 57 ypos: 59 size: 0.7 styles:
  - color: var(--primary-color);
- id: 3 entity_index: 6 xpos: 20 ypos: 59 size: 0.5 styles:
  - color: var(--primary-color);
- id: 4 entity_index: 7 xpos: 40 ypos: 72 size: 0.7 styles:
  - color: var(--primary-color);
- id: 5 entity_index: 8 xpos: 40 ypos: 83 size: 0.7 styles:
  - color: var(--primary-color); areas:
- id: 0 entity_index: 0 xpos: 50 ypos: 16 styles:
  - font-size: 0.8em;
  - font-weight: bold;
  - opacity: 1;
  - fill: var(--primary-color) horseshoe_scale: min: -10 max: 40 color_stops: "40": var(--primary-color) "-10": white

falkio8 commented 2 days ago

Can confirm. My newly set up horseshoe card works well on PC but on the iOS App no icons are shown at all.

I cant get any icons to work on iOS (mobile). Even if I take the examples provided in the github and place them in an empty masonry view. I tried to strip them as much as possible and tried different entities but no luck at all.

ABRUUS commented 2 days ago

Same here. Icons despaired in IOS App

AmoebeLabs / flex-horseshoe-card

No icons on mobile app #95