migrating to ionic5 - some icons appear black

[Jerige]

Just migrated from Ionic4 to 5 and icons are messed up. Before all icons were white and now mixed with black color (see pics)

Adding pic of code since below not all code is displayed... don't get it why??

Here is the HTML:

Save

<ion-segment-button style="margin: 1px; border-radius: 8px; background-color: #003cb3; color: snow; "
color="primary" size="small" class="ion-text-capitalize" (click)="changeDate(item.id,-1)">
<ion-icon name="calendar"></ion-icon>Date-1
</ion-segment-button>

<ion-segment-button size="small"
style="margin: 1px; border-radius: 8px; background-color: #003cb3; color: snow;" color="primary"
size="small" class="ion-text-capitalize" (click)="changeDate(item.id,1)">
<ion-icon name="calendar"></ion-icon>Date+1
</ion-segment-button>

<ion-segment-button style="margin: 1px; border-radius: 8px; background-color: #397EFF; color: snow;"
color="primary" size="small" class="ion-text-capitalize" (click)="changeAmount1(item.id,'up')">
<ion-icon name="arrow-up"></ion-icon>{{amountChange}} €
</ion-segment-button>

<ion-segment-button style="margin: 1px; border-radius: 8px; background-color: #397EFF; color: snow;"
size="small" class="ion-text-capitalize" (click)="changeAmount1(item.id,'down')">
<ion-icon style="color: white;" name="arrow-down"></ion-icon>{{amountChange}} €
</ion-segment-button>

Does anyone else experience the same issue?
Best,
J.

[rzooff]

Yes, same here:
#778
#805

[brandyscarney]

Thanks for the issue! This should no longer be an issue after 98fa89e and I am not able to reproduce it using latest: https://stackblitz.com/edit/svyepq?file=index.html

If you are still having problems please create a new issue with a code reproduction, thanks! 🙂