colorFilter not working in Flutter Web Apps on mobile devices with iOS 17.2 on Safari anymore

[chrisDK1977]

SvgPicture.asset(pathToAsset, colorFilter: ColorFilter.mode(Color(0xFFFF0000), BlendMode.srcIn));

... tints the asset red on iOS 15 on Safari on mobile devices but not when mobile device is running on safari on iOS17.2 it does not change the color.

[jannisnikoy]

I think this might be a change in Flutter 3.22 that broke it. Noticed the same issue after upgrading our project to latest Flutter SDK.

[chrisDK1977]

@dnfield Should I open an issue in the flutter project or is this project the correct place for the bug?

[chrishibler]

I'm seeing the same thing. It works as expected in desktop Chrome, but not on iOS web.

[Hmmza-tariq]

I am also facing this issue, anyone knows the solution?

[Hmmza-tariq]

Update:
This solution worked for me:
flutter run -d chrome --web-renderer=canvaskit
flutter build web --release --web-renderer canvaskit

[v1ct0r]

I managed to solve it with "ColorFiltered". That changes color in SVGs in web app

ColorFiltered(
    colorFilter: ColorFilter.mode(Color(0xFF00CAA6), BlendMode.srcIn),
    child: SvgPicture.asset('assetpath.svg'),
),