Icons do not appear in production

Dynamic icons are not rendering in production.

I adjusted it and followed the rule of adding the icon’s full name for identification, but it doesn’t appear in production.

I searched for a list of categories, and that list contained “icons,” but they didn’t render.

It was working normally, but today I needed to adjust some things, I did the update and it didn’t work anymore.

The project is hosted on cloudflare.

Hi Tony :waving_hand:

Can you reach to our support chat so we can take a look at your issue?

Dynamic icons does not work. You have to declare each icon name as a comment in the header to be able to use them dynamically in your app.

The reason is the icons is only included in the build if they are present in the app at build time. Dynamic data is not present at build time and therefore does not work.

Example comment in header:

<!-- phosphor-regular/basket  phosphor-regular/list-dashes phosphor-regular/plus-square -->
1 Like

Hi,
So there is no way to display icons that are stored in my DB dynamically ?

No, they need to be defined first.

Hey. Did you find a workaround for this? I am having the same issue.

I created a page with an obscure URL path where I just dropped an instance of the icon element for each icon that might be displayed dynamically. It’s a bit of a pain but it works.