Skip to content

Icons

@nuxt/icon module allows us to use icons easily from Iconify.

Features

  • SSR friendly
  • Support 200,000 open-source vector icons via Iconify
  • Support both CSS mode / SVG mode
  • Custom SVG support (via Vue component, or via local SVG files)

Usage

vue
<template>
  <Icon name="lucide:camera" />
</template>

Props:

  • name (required): icon name or global component name
  • size: icon size (default: 1em)
  • mode: icon rendering mode (svg or css, default: css)

You can explore available icons at icones.js.org