[SOLVED] Help ! Simple CSS transition on ion-icon

Hi,

I made this really simple effect with CSS color transition on ion-icon
ezgif-3-e92588b5c119

ion-icon[name="volume-high"] {
  color : #007aff;
  &.playing {
    color : #5cff5a;
  }
  transition : color 200ms ease-out;
}

This is working fine on browser and android, but on ios the color is changing without any transition.

How can i solve this ?

Thanks

EDIT:
I manage to make it work using fill instead of color in css.