Icon

The icon component uses Nuxt Icon under the hood. Check out the usage guide from Nuxt Icon.

Preview

Code

If you want to use other icons, it is highly recommended to install them locally, which is faster and more reliable on both SSR and client-side.

Terminal

npm i -D @iconify-json/collection-name

@iconify-json/lucide and @iconify-json/vscode-icons are installed by default.

0.5.3

You can put iconify icons, emojis and urls in smart-icon. Smart icon will render them automatically.

Preview

Code

Iconify

Emojis

😍🚀🎉

URL

Field Group