Flutter - SVG file's stroke becomes more thin

Question

I have an SVG type file. I want to show it in my Flutter app using flutter_svg package. But when I imported it, the color turns into black.

According to this answer, I 'm using this software to clean it.

For some files, it's worked really well. But, I have an issue with this file.

When I'm trying to show it in my app, the stroke width decreased and my SVG becomes really thin.

This is what I want:

But, this is what I've got:

Does anyone have an idea how to solve this?

ATTACHMENT: This is the SVG file link

Solution

You need to create a path from the outline stroke line.

this is your svg: https://gist.github.com/kherel/02f288ecd73f0c29a04b1f2d9c5db3e3 I've used figma

Comments

[Alok]

Check this out: stackoverflow.com/a/58425258/5362583

[hisam]

@Alok I've done that. And it can't always render the SVG file properly.

[Kherel]

@hisam If you have enough rating, feel free to upvote the answer. The SO doesn't count approved answer only total upvotes as tags score. thanks and happy coding.