Chase Starr-Kercheval

Importing Custom Icons from Figma - showing up as question marks within squares or invisible

Widgets & Design

Hey, I was finally going through the process of exporting all of the custom icons that I used when designing my app in Figma so that I could import them into FlutterFlow to use in the app.

I followed all of the instructions in the tutorial, specifically using icomoon to package the icons, and I was successful at uploading them into the FlutterFlow project. However, when I look at the icons in the FlutterFlow desktop app, they look like this:

And if I look at the in the FlutterFlow web app, they look like this

What have you tried so far?

I checked, but can't seem to find any common denominator in the Figma icon components that would account for why some of them are rendering and others are not.

I deleted all of the icons out, went through the whole process over again checking my work against the tutorial and I'm doing it exactly as it says, except that the tutorial doesn't actually cover the 'exporting from Figma' part of the process.

Perhaps there's a specific format that the Figma icon components must be in in order to play nice w/ FlutterFlow? Idk, and can't seem to find any documentation on this anywhere.

Did you check FlutterFlow's Documentation for this topic?

Yes

5