bug: Ionic v8 addIcon not working with composed name icons about ionicons HOT 6 OPEN

Do you have a runnable sample that can be used to reproduce the issue? Also make sure you are using the latest version of Ionicons.

from ionicons.

hi, i've the same problem. How does it update? im using Angular 18.0.0, ionic 8.0.0 & "ionicons": "^7.2.1".
I have followed the official docs to start my first application in Ionic with angular .... but the icons do not work.
I've executed the last version (npm install ionicons@latest) & still not working with 7.4.0

from ionicons.

The team needs a runnable sample in order to reproduce the issue. If one is not provided, then the team may close this as they will be unable to reproduce the problem.

from ionicons.

Ok, I'll attach screenshots later, maybe I'm missing something, but I'm following the official documentation which makes a simple app to take pictures

from ionicons.

@manubravo what I did was to download the svg icon from ionic icon's library icons and download it in my assets folder, then use it like this:

html - icon_whatsaap.svg

<ion-row class="ion-no-margin ion-no-padding">
              <ion-list style="margin-left:22px;margin-right: 25px; width: 100%;">
                <ion-item lines="full" (click)="onShareContentWa()" style="--border-color:rgba(0, 0, 0, 0.03);">
                  <ion-icon color="medium" src="../../../../assets/icons/icon_whatsaap.svg"></ion-icon>
                  <ion-label>
                    <h3 style="margin-left:40.5px;color:var(--ion-color-medium,lightgrey);">Enviar Whatsaap</h3>
                  </ion-label>
                </ion-item>      
              </ion-list>
            </ion-row>

This would provide you with the same ion-icon properties. However, I still believe there is a bug with the ionic-icons.

from ionicons.

A runnable sample (such as an app in a GitHub repo) would be better instead of screenshots because it ensures the team can reproduce the issue on their computers.

from ionicons.