Unable to import custom icons (iconsax)

[halvorot]

Expected behavior (required)

Can import icons using the official Flutter ttf and dart file for an icon font.

Current behavior (required)

I get a "Failed to add icon data" error when trying to upload the dart file for the icon font

To Reproduce (required)

Steps to reproduce the behavior:

1. Go to https://iconsax.io/ -> Flutter -> Repository (Github) -> lib
2. Downliad the iconsax dart file and the ttf file in the fonts folder
3. Upload the ttf file and dart file to your project in under settings -> theme -> Custom icons
4. Observe "failed to add icon data" error

Bug Report Code (required, generate from Widget Tree)

IT4ozMrqx5BOseFK0L6JccBKjSQ4Ql9+bZIalcpBZywgfZzzBLN/fPfQPltBYNe6T29MImKcp14FwM78kfzlKsE6HxGZbKZNwbhcdDnJXnKRR6nfU/HUACkbeacOQSj6

Context (required)

Iconsax icon font: https://iconsax.io/

Screenshots / recordings

Your environment

• Version of FlutterFlow used: v3.0 January 20
• Platform (e.g. Web, MacOS Desktop): web
• Browser name and version: chrome
• Operating system and version (desktop or mobile): desktop

[Pepino-GR]

Hi halvorot,

I cannot reproduce this issue.

See my video

Bildschirmaufnahme.2023-01-23.um.13.22.12.mov

[halvorot]

It looks like you don’t get the same error as me. But the icons still do not look as they should if I am not mistaken? There shouldn’t be just three lines icons and some other non relevant symbols shown after you upload the icons.

[Pepino-GR]

The block icons only occurred if you use the chrome browser for importing. Which OS do you use? With Safari and the MAC OS APP, it works as intend.

[halvorot]

I use Windows with chrome

[Pepino-GR]

The blocks also occurred on windows 11 with chrome or edge. This is not a FlutterFlow issue. There are a lot of icons to import and it seems, that there is a memory problem to show and import all of them( Inside the Web Browser). Maybe you can use https://www.fluttericon.com or https://icomoon.io. If you have access to a Safari Browser or a MAC with the FlutterFlow Mac App, you can also use it.

[halvorot]

I don't have a Mac so I don't have access to Safari or the Mac App. I tried with both Chrome, Edge and Firefox and I get the same error "failed to add icon data" in all of them.

I also tried Icomoon to create a font from the svg's but I could not figure out how to get the dart file from there, and it did not work with the dart file from iconsax

EDIT: I tried downloading iconsax again and now I don't get an error message anymore, but I still get the blocks and symbols instead of the correct icons. Is there any way to get around this without having to buy a Mac?

[Pepino-GR]

There is a tutorial to work with the custom Icons: https://www.youtube.com/watch?v=fJ8tCE_767A
You can set me as a collaborator of your project for the time of installing the icons.So I will install it into your project.If it is your choice, please write down your email address, so I can mail you my account?

[Pepino-GR]

Or you can contact support to do so.

[halvorot]

You can set me as a collaborator of your project for the time of installing the icons.So I will install it into your project.If it is your choice, please write down your email address, so I can mail you my account?

That would be great, my email is halvorot [at] gmail [dot] com

[Pepino-GR]

Done, can you please try?