Invisible solid-icons
I moved my project to a newer version of Astro and all the solid-icons (except the hamburger one which I used for the mobile navbar for some reason) I've used appear in the DOM but are invisible, what might be causing this problem? Is there a way to fix it?
![](https://cdn.answeroverflow.com/1117757665687392327/rn_image_picker_lib_temp_10e8496f-2f3d-4b9d-8ee1-fcb4f85d4a24.jpg)
5 Replies
For example in this photo there were supposed to be stars icons above the testimonial text
Unknown User•16mo ago
Message Not Public
Sign In & Join Server To View
Idk, how can I check that?
Seems solid-icons had issues with Astro before: https://github.com/x64Bits/solid-icons/issues/14
GitHub
Doesn't work in Astro · Issue #14 · x64Bits/solid-icons
It doesn't work in Astro JS. Client directives (e.g. client:load) need to be added for it to work. For example, --- import { FiActivity } from 'solid-icons/fi' --- <FiActivity /> ...
They said it has been fixed though