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?
5 Replies
For example in this photo there were supposed to be stars icons above the testimonial text
Unknown User•2y 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