SVG not rendering only on Galaxy Z Fold 7 when applying color filter

Mobile Galaxy Z
1

Hi everyone,

I’m developing a Flutter application that renders SVG icons using the flutter_svg package.

Most devices render all icons correctly, but on the Galaxy Z Fold 7, one specific SVG file fails to render only when a color filter is applied.

Without the color modification code, the same SVG displays normally.

image
image6720×3718 648 KB

Here are the details:

  • Flutter version: 3.35.7

  • flutter_svg version: 2.2.1

  • Dart SDK version: 3.9.2

Problem svg code:

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 17C13.1046 17 14 17.8954 14 19C14 20.1046 13.1046 21 12 21C10.8954 21 10 20.1046 10 19C10 17.8954 10.8954 17 12 17ZM12 10C13.1046 10 14 10.8954 14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10ZM12 3C13.1046 3 14 3.89543 14 5C14 6.10457 13.1046 7 12 7C10.8954 7 10 6.10457 10 5C10 3.89543 10.8954 3 12 3Z" fill="#18181B"/>
</svg>

Flutter code

SvgPicture.asset(
'assets/v2/svg/figma_more.svg',
width: 24,
height: 24,
colorFilter: ColorFilter.mode(FpColor.surface.brand, BlendMode.srcIn),),
2

Hi @sunglasses_cat, Seems you need more dedicated support regarding this issue. Please reach 1:1 support channel with dumplog. Please check this link to learn about dump log collection process. Thanks.