bug: Ionicons are no longer displayed after updating to Ionic 5

Bug Report

Ionic version: [x] *5.0.0-rc.2

Current behavior: Using the last release of Ionic (4.11.7) all ionicons are displayed but when I upgrade to 5.x I have no more icons loaded.

I checked in www/svg folder I have the icons prefixed by ios- and md- like as for ionic 4.x but when I brose the mobile app using my browser (ionic serve), I can see that requests are done to get the svg files without any prefix. with ionic 4 the request is done for the sema resource adding the “md-” prefix.

Html in template file:

<ion-icon name="person" item-start></ion-icon>

Html of generated icon is the same for ionic 4 / 5:

<ion-icon _ngcontent-osv-c1="" item-start="" mode="md" name="person" ng-reflect-mode="md" ng-reflect-name="person" role="img" class="md hydrated" aria-label="person"></ion-icon>

BR,

[js-devil]

If you are using ionic/vue with Ionic 5 and ionicons don’t show. Try doing this

Do this to use ionicons in Ionic 5

import { iosEye, mdEye } from "ionicons/icons";
import { addIcons } from "ionicons";

addIcons({
  "ios-eye": iosEye,
  "md-eye": mdEye
});

In the HTML <ion-icon name="eye"></ion-icon>

[ionitron-bot[bot]]

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.