Repository: flutter
Issue: [flutter_svg] image cannot be displayed
Labels: package,P3,p: flutter_svg

_Imported from https://github.com/dnfield/flutter_svg/issues/1073_

Original report by @yykou on May 30, 2024

An SVG image on a web page that can be opened normally will result in a black area when loaded using the latest version of the library, and the image cannot be displayed.

SVG image path：https://ccdn1.goodq.top/caches/3802cdfcb59f037aa40858825f9f3e24/aHR0cHM6Ly9zdmdzLjR2eC5uZXQvcWZ5LWNvbnRlbnQvdXBsb2Fkcy8yMDIxLzA0LzBhYTNlNzQwYzU0ZjMxZjY0YmIyODE3OTc2ZjQwODJkLnN2Zw_p_p100_p_3D_p_p100_p_3D.svg

code：
`SvgPicture.network( 'https://ccdn1.goodq.top/caches/3802cdfcb59f037aa40858825f9f3e24/aHR0cHM6Ly9zdmdzLjR2eC5uZXQvcWZ5LWNvbnRlbnQvdXBsb2Fkcy8yMDIxLzA0LzBhYTNlNzQwYzU0ZjMxZjY0YmIyODE3OTc2ZjQwODJkLnN2Zw_p_p100_p_3D_p_p100_p_3D.svg', 
semanticsLabel: 'A shark?!', 
width: 50.0, 
height: 50.0, 
placeholderBuilder: (BuildContext context) => Container( 
padding: const EdgeInsets.all(30.0), 
child: const CircularProgressIndicator()),
)`

The final display effect：
![Clipboard - 2024年5月30日下午3点24分](https://github.com/dnfield/flutter_svg/assets/21016582/fc93a7bd-feba-4939-916e-9019c19c4f65)


---
Comment by @yykou on May 30, 2024
[√] Flutter (Channel stable, 3.19.0, on Microsoft Windows [版本 10.0.19045.4412], locale zh-CN)
    • Flutter version 3.19.0 on channel stable at C:\yykou\flutter_sdk\flutter_windows_3.19.0-stable\flutter
    • Upstream repository https://github.com/flutter/flutter.git
    • Framework revision bae5e49bc2 (4 months ago), 2024-02-13 17:46:18 -0800
    • Engine revision 04817c99c9
    • Dart version 3.3.0
    • DevTools version 2.31.1

---
Comment by @s681562 on Jun 24, 2024
Same error. Either black rectangle is showing or nothing is showing.
It looks like flutter_svg can not encode svg images created by 
`<!-- Generator: Adobe Illustrator 27.5.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->`

Code:
`              IconButton(
                padding: EdgeInsets.zero,
                constraints: BoxConstraints(),
                icon: SvgPicture.asset("assets/images/gdb_logo_negative.svg"),
                onPressed: () {
                  // ToDo https://gemeinsamdigital.berlin.de/de/
                },
              ),`

Try this out:

![gdb_kfw_bwsb_sk_rgb](https://github.com/dnfield/flutter_svg/assets/3010920/5c24278c-48c2-4c62-87ea-68655004ece8)

Result:

<img width="177" alt="KakaoTalk_20240624_091003776" src="https://github.com/dnfield/flutter_svg/assets/3010920/e28c1bcf-bf86-43f9-b442-79043d7c637f">


Try this out:

![gdb_logo_negativ](https://github.com/dnfield/flutter_svg/assets/3010920/772916e4-295b-41ff-8a20-a2ef9e3b775b)

Result:

<img width="173" alt="KakaoTalk_20240624_091017138" src="https://github.com/dnfield/flutter_svg/assets/3010920/029d4d32-05a4-4e0a-b6a6-361291ab19c6">


Try this out:

![gdb_logo_positive](https://github.com/dnfield/flutter_svg/assets/3010920/4faf19bb-5238-4f61-816c-d97996b6c26e)

Result:

<img width="846" alt="KakaoTalk_20240624_091028986" src="https://github.com/dnfield/flutter_svg/assets/3010920/45c26236-a3b2-4ad0-8866-68d6a60a6c86">