bug: Ionic 5.01, Android 6.0, Chrome 44, Icon can't be rendered correctly.

[netsesame2]

Works in Ionic 4.4. Not in ionic 5.01.

HTML code:

<div class="rbuttons">
    <div class="rbutton" routerLink="/photo">
        <div class="rbutton-in">
            <ion-icon name="desktop-outline" large></ion-icon>
            <ion-ripple-effect></ion-ripple-effect>
        </div>
    </div>
    <div class="rbutton">
        <div class="rbutton-in">
            <ion-icon name="camera-outline" large></ion-icon>
            <ion-ripple-effect></ion-ripple-effect>
        </div>
   </div>
</div>

SCSS code:

.rbuttons {
    display: flex;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 20px;
    justify-content: center;

    .rbutton {
        padding: 0 40px;
        text-align: center;
        .rbutton-in {
            display: flex;
            background: #fff;
            width: 70px;
            height: 70px;
            border-radius: 50%;
            border: 4px solid #e4dfdf;
            justify-content: center;
            align-items: center;
            margin-bottom: 5px;
            ion-icon {
                font-size: 40px;
                color: #e97723;
            }
        }
    }
}

It render as:

It should be:

Envoirement: Ionic: Ionic CLI : 6.1.0 Ionic Framework : @ionic/angular 5.0.1 @angular-devkit/build-angular : 0.900.3 @angular-devkit/schematics : 9.0.3 @angular/cli : 9.0.3 @ionic/angular-toolkit : 2.1.2

Capacitor: Capacitor CLI : 1.5.0 @capacitor/core : 1.5.0

Android in Emulator: Andriod 6.0 Chrome: 44.0.2403.119

[liamdebeasi]

Thanks for the issue. I transferred this to the Ionicons repository. I was able to reproduce this issue in a blank Capacitor app without Ionic Framework:

<ion-icon name="desktop-outline" large></ion-icon>
<ion-icon name="camera-outline" large></ion-icon>

[netsesame2]

Thanks for your rapid reply. In fact, there are many other icons have the same issues in above test, like:

<ion-icon name="information-circle-outline" color="primary">

Hope it can help.

[sverdlov]

Hi. Any progress?

[HealthyPizza]

Same issue in with android 7.0 `

` Ionic CLI : 6.9.3 Ionic Framework : @ionic/angular 5.1.0

[netsesame2]

@liamdebeasi any results?

[liamdebeasi]

Hi there,

Apologies for the delay. Ionicons no longer supports the noted version of Chrome, so I am going to close this.