themesberg / flowbite-icons

Free and open-source collection of SVG icons built for Flowbite and Tailwind CSS
https://flowbite.com/icons/
MIT License
176 stars 15 forks source link

Qwik Support #38

Open yigsvnsla opened 2 months ago

yigsvnsla commented 2 months ago

Hello everyone, is posible one port to Qwik framework?

SutuSebastian commented 2 months ago

Can't examples like the one below render in Qwik?

From what I read, Qwik uses JSX for the rendering syntax (https://qwik.dev/docs/components/rendering/#jsx), so the following should just work:

<svg className="w-6 h-6 text-gray-800 dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24">
  <path fillRule="evenodd" d="M7 2a2 2 0 0 0-2 2v1a1 1 0 0 0 0 2v1a1 1 0 0 0 0 2v1a1 1 0 1 0 0 2v1a1 1 0 1 0 0 2v1a1 1 0 1 0 0 2v1a2 2 0 0 0 2 2h11a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H7Zm3 8a3 3 0 1 1 6 0 3 3 0 0 1-6 0Zm-1 7a3 3 0 0 1 3-3h2a3 3 0 0 1 3 3 1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1Z" clipRule="evenodd"/>
</svg>

code example taken from https://flowbite.com/icons/ by selecting the JSX copy mechanism

Screenshot 2024-04-10 at 17 17 58