# nuxt/icon

The <Icon> component, supporting Iconify, Emojis and custom components.

Repository: https://github.com/nuxt/icon
Canonical: https://ross.abutalabs.com/products/nuxt-icon
Homepage: https://stackblitz.com/edit/nuxt-icon-playground?file=app.vue
Language: TypeScript
License: MIT
License Family: permissive
Topics: iconify, nuxt-module
Last push: 2026-08-26T10:15:12+00:00

## Health v2 (maintenance only)
Score: 99/100 (v2, computed 2026-09-03T02:39:23.370411+00:00)
- activity 99, release rhythm 99, longevity 100
- inputs: {"age_days": 1469, "days_push": 7, "days_rel": 10, "gap_med": 5.5, "n_releases_24m": 45}
- flags: none
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 1195, forks 96 (observed 2026-08-28T04:03:56.842661+00:00)

## What it is
A Nuxt module providing an <Icon> component that renders over 200,000 open-source vector icons from Iconify, plus emojis and custom SVG components. It supports both CSS and SVG rendering modes and is SSR-friendly.

## Use cases
- add icons to a nuxt app
- render iconify icons in vue
- use custom svg icons in nuxt
- ssr-friendly icon component
- use emojis as icons in a web app
- switch between css and svg icon rendering

## When to choose
- you are building a Nuxt 3+ application and need a large icon set
- you want SSR-compatible icons with CSS or SVG modes
- you need to mix Iconify icons, emojis, and custom SVG components

## When to avoid
- you are not using Nuxt or Vue
- you need a framework-agnostic icon solution
- you only need a handful of icons and prefer inlining SVGs manually

## Facets
- artifact type: plugin
- maturity: active
- function: ui-components, frontend-framework, ssr
- domain: web-development, frontend
- platform: cross-platform
- tags: nuxt-module, iconify, vue, icons, svg-icons, emoji, nodejs, web-server

## Member repositories
- nuxt/icon (main) score 99

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:03:56.842661+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-30T06:22:06.826546+00:00, confidence not recorded.
  - readme: https://github.com/nuxt/icon (fetched 2026-08-28T04:03:56.842661+00:00, sha 4e325ea6b8e8)
  - homepage: https://stackblitz.com/edit/nuxt-icon-playground?file=app.vue (fetched 2026-08-29T12:29:06.688890+00:00, sha a6fbb547b72f)
- Data as of 2026-08-30T08:39:29.467469+00:00.