search

x64Bits / solid-icons

The simplest way to use icons in SolidJS
https://solid-icons.vercel.app
MIT License
284 stars 18 forks source link

Doesn't work in Astro #14

Closed emmanuelchucks closed 1 year ago

emmanuelchucks commented 1 year ago

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 />

renders

<svg fill="none" stroke-width="2" xmlns="http://www.w3.org/2000/svg" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24" height="1em" width="1em" style="overflow: visible;"></svg>

The <path> doesn't render.

x64Bits commented 1 year ago

Hi @emmanuelchucks, thanks for reporting, this happens because the file dedicated to the server side is not being compiled correctly, I'm sending a solution for this.

x64Bits commented 1 year ago

was fixed on feat: svg content on sever side