Nuxt Modules Icon Versions Save

CSS Component

This is currently experimental and may change in the future, this is a way to use CSS icons instead of SVG icons to reduce the DOM size and improve performance. It is leveraging the Mask combined with background color set to currentColor, useful to render monotone icons that use currentColor as icon color. Learn more on https://docs.iconify.design/icon-components/css.html

<template>
  <IconCSS name="uil:twitter" />
</template>

Learn more on #54

Devtools Tab

So you can search from https://icones.js.org directly inside the Nuxt Devtools:

fix(build): double-check exposed build

• fix(autocomplete): fix autocomplete path resolving avoiding issues on build (3d83579)
• feat(icon): add autocomplete on aliases on component (0af0aa6)
• chore(playground): add typescript workspace to playground (e069696)

• feat: autocomplete aliases (#45) (3eca3f2) by @Tahul

• chore: add @types/node (f5cfc35)
• chore: update deps (8a8a0fe)

• chore: update studio fields (0d9314b)

• chore(types): fix (5caf4b7)

• fix: reactivity on appConfig when nuxtIcon is undefined (8d9ef80)

• chore: update nuxt-config-schema (969030f)

• chore(types): update title and description for schema (66e7720)