SVG files not correctly displayed in Flutter Flow

Widgets & Design

I’m trying to use SVG files as assets in FlutterFlow. However, while the SVG files look perfect in any external application like InkScape or even the Google Chrome Browser, they are not correctly displayed in the FlutterFlow desktop app nor my created app, they are messed up

If I click the little „open your asset in browser“ icon in the FlutterFlow desktop app, the SVG is again displayed correctly in my Google Chrome browser.

Screenshots following.

What have you tried so far?

I have been exporting the svg illustration from Figma and are displayed perfectly in the Google Chrome browser, but when we import them into an Image Widget in the FlutterFlow design there are not displaying correctly, they all messed up

i tried to use the Figma SVG export plugin but it's still the dame when we upload to Flutter Flow

Did you check FlutterFlow's Documentation for this topic?

Yes

3 replies