Skip to content

Deployed Custom Icons don't match Custom icons in editor. #1224

@szymonpodwyszynski

Description

@szymonpodwyszynski

Has your issue been reported?

  • I have searched the existing issues and confirm it has not been reported.
  • 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

After adding Custom Icons to my design system and adding them to my FF project, icons in editor look fine. Every icon match its expected look.
After deploying the app on mobile, custom icons do not match their real look. The icons are mixed up, and do not match the icons in editor at all. Not a single icon is correctly displayed.

Expected Behavior

When I deploy my app on mobile, the Custom Icons from my design system displayed in my deployed app, match the ones that I chose in the editor.

Steps to Reproduce

  1. Convert icons through icomoon.io
  2. Add custom icons to my design system
  3. Create new project
  4. Add this design system
  5. Add Custom Icons in editor to my page in this project
  6. Deploy the app to mobile
  7. See that they do not match

Reproducible from Blank

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

Bug Report Code (Required)

IT4oj+flvYtOmN9c187pbu5GiSQUNmJ7RJEzmspOEDIgfePrBuwIOuPRYk9tcO25aVNcMGC0oHoK0c7IktmWU/o7Cy+qRtRywpFIEDr0e2i7RLK3BZasQXFQTPNjC2HF0Z6zrCJ5JutedCQt3Dv3Oue/RXLDFOu/Zwh9f6PHaOI=

Context

This bug really affected my work flow, as I was trying to import these custom icons and use them in our commercial project. As a worker of an app development team, we try to focus on doing our jobs as effective as possible, thus we couldn't get our work done. We can't move forward with these icons in this state.

Visual documentation

IMG_0035
Screenshot 2023-08-07 at 10 49 16

Additional Info

Screenshot 2023-08-07 at 14 51 14 I got redirected here from this email. Let me know if you need anything from me.

Environment

- FlutterFlow version: Newest as of 07.08.2023 (7th August 2023)
- Platform: Mobile (TestFlight)
- Browser name and version: Version 115.0.5790.114 (Official Build) (arm64)
- Operating system and version affected: macOS Ventura Version 13.4.1 (c) (22F770820d)

Metadata

Metadata

Assignees

Labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions