Custom icons not showing correctly in FlutterFlow MacOS app IDE

[ClintonPaulYoung]

Can we access your project?

• [X] I give permission for members of the FlutterFlow team to access and test my project for the sole purpose of investigating this issue.

Current Behavior

I have two sets of custom icons in my project. When I open the project in Chrome the IDE displays the correct icons but when I open the project in the MacOS app the icons are not correct. It appears as though the icon references get scrambled somehow.

Correct fonts.

Incorrect fonts

Expected Behavior

I expect the icons the be same across platforms.

Steps to Reproduce

1. Open the project in Chrome
2. Open the project in MacOS

Reproducible from Blank

• [ ] The steps to reproduce above start from a blank project.

Bug Report Code (Required)

ITFXz/Hqx89gosRE0JDccu1omiEwGUALa+dI0tZ+TQ0jF5D4OokqdsjRP1dWZMSzaHx6EFa0jkkewPT9kvPLN/oDOU2dGL5ZyalyYRPPYzmVR822CLWwYH9SRJtYGFzC4cCvkB5BItdhW1Ji7UyYeuSicz+Cf9qOYwx5e6fDbOY=

Visual documentation

Environment

- FlutterFlow version: 4.1.83
- Platform: Mac
- Browser name and version: Chrome  127.0.6533.120
- Operating system and version affected: MacOS 14.6.1

Additional Information

No response

[rzambroni]

Hey @ClintonPaulYoung, thanks for the report,

I attempted to replicate the issue you are describing but i was unable to do so. Seems to be working as expected on my end. I guess it might be specific to either your project or the icons you are using, but it is an strange issue.

Could you share with me the icon pack you are using? i want to test with that on a blank project.

Thanks in advance.

[matlin76]

@rzambroni The Same thing happens to me.

Web UI

Mac App UI

Web UI

Mac App UI

[rzambroni]

can you please share that icon pack so we can test if this is specific to certain custom icons?

Thanks in advance.

[ClintonPaulYoung]

Sorry for the delay, I have been busy.

Please see icon files attached.

Here are some additional images showing the issue.

Project open in Chrome – showing correct icons.

Same project and page open in the FF MacOS app – showing incorrect icons.

You can see in the properties the icon names are the same but the images are different.

Below are how the fonts look in the Theme Settings in Chrome

This is how they look in the FF MacOS app

It would also be great to have a feature where I can easily update a custom icon set.

[ClintonPaulYoung]

Fonts Icons streamu-icons-line-03-v1.0.zip streamu-icons-solid-03-v1.0.zip

[rzambroni]

Thanks so much for the additional details, i'll take another look.

[rzambroni]

Hey @ClintonPaulYoung,

I attempted to replicate the issue you're experiencing, but unfortunately, I haven't been able to do so, even with the icon packs you provided. I also tested it both by uploading from a Mac and through the web.

MacOS vs Web

I'm not sure what might be causing the problem on your end. Have you tried deleting and re-importing the icons to see if that resolves the issue?

[ClintonPaulYoung]

I'm wondering if the issue is because the icon fonts changed as I added more icons to the set.

[ClintonPaulYoung]

I'm hesitant to change the icons again as I will need to go through the entire app and reassign all the icons.

[rzambroni]

Maybe you could try importing the icon packs again in a blank project to see if the issue is resolved that way before committing to do it in your main project.

[ClintonPaulYoung]

The icons are fine in Chrome though. Is there a way to reset the MacOS app. Perhaps it is caching the last fonts.

[rzambroni]

You could try deleting the content of this folders:
/Users/<user_name>/Library/Caches/io.flutterflow.prod.mac

/Users/<user_name>/Library/Application Support/io.flutterflow.prod.mac

Alternatively, reinstalling the app might also help.

[ClintonPaulYoung]

Deleting the contents of the folders has worked. Thanks

[rzambroni]

Great! Glad to hear that.