search

matschik / vue-hero-icons

A set of free MIT-licensed high-quality SVG icons, sourced from @tailwindlabs/heroicons, as Vue 2 functional components.
https://vue-hero-icons.netlify.com
MIT License
100 stars 8 forks source link

Icon path/trace not visible #160

Closed JayPalm closed 3 years ago

JayPalm commented 3 years ago

Note: Vue3 (w/composition API), TypeScript

I imported an icon like this: import XIcon from '@vue-hero-icons/solid'; and added to components.

Then I tried to use the icon in a template like this: <XIcon class="h-6 w-6 text-lg border-2 blue border-blue-300 text-indigo-600 bg-green-300" />

The border and background show up, but the icon is missing/invisible. Any help would be much appreciated.

Second Note: I put this into my type declarations file, but not sure if it's right: declare module "@vue-hero-icons/outline" declare module "@vue-hero-icons/solid"

matschik commented 3 years ago

This is part of the icons themselves. You must open an issue on the original heroicons repository.