Nuxt•10mo ago

Nuxt UI Icons

Can please someone explain to me how to use Nuxt UI Icons ??? The documentation says : Use the name prop by following this pattern: i-{collection_name}-{icon_name}. But for some reason is doesn't work for me. This is what im attempting to do:

<ULink to="/">
  <UIcon name="i-cib-facebook" />
</ULink>

<ULink to="/">
  <UIcon name="i-cib-facebook" />
</ULink>

And this is the icon i want to use: https://icones.js.org/collection/cib?s=face

5 Replies

Mr.PropreOP•10mo ago

I didn't read the full documentation

Mr.PropreOP•10mo ago

Mr.PropreOP•10mo ago

i need to install the collection i want to use

Abstrucked.eth•9mo ago

Hi.. had the same issue at first

<ULink to="/">
  <UIcon name="i-cib-facebook" dynamic/>
</ULink>

<ULink to="/">
  <UIcon name="i-cib-facebook" dynamic/>
</ULink>

should do the trick

Mr.PropreOP•9mo ago

hope this post helped you out xd

Gaming

Programming

Nuxt UI Icons