No icons on mobile app

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