WAIT: Icons within components don't render unless the consuming page has an icon

Bugs
1

Browser: Chrome 131.0.6778.205 (Official Build) (arm64)
OS: macOS
URL: I’m working locally

I’ve created a Component with an Icon element and embedded it within a page. While the icon displays correctly in the preview, it doesn’t appear when viewing the page at its URL.

Interestingly, if I explicitly add an icon directly to the page, the icon within the Component starts rendering correctly.

1 Like
2

Hello @xuluwarrior,

I’ve tried creating a component from the Icon and choose an icon. But I can still see it.
Can you record a video of your setup, and step-by-step how to replicate it?

Thank you.
Matej

3

Very certainly same as WIP: Default Font Awesome icon of component not working

4

Hmm, could be. @xuluwarrior, can you confirm? Because if it is, then I’ll close this topic and connect it to the other one.

Best regards,
Matej

5

I have a component wrapped into a loop and it doesn’t render on the frontend, but does in the backend.
On a post details page without the loop, the icons renders perfectly fine.