unplugin/unplugin-icons

Health v2 · maintenance only

Adoption not part of the score

4933 stars · 160 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-29, confidence not recorded

A universal build-tool plugin that lets you use thousands of Iconify icons as on-demand components in Vite, Webpack, Rollup, Nuxt, and Rspack projects. It supports major frameworks including React, Vue 3, Solid, Svelte, and Web Components, bundling only the icons you actually use.

Use cases

• use iconify icons as components in vue or react
• bundle only the icons I actually use on-demand
• add icons to a vite project without FOUC
• use icons in svelte or solid components
• load custom icon sets as framework components
• auto-import icons in nuxt templates

When to choose

• You need icons across multiple frameworks or build tools with one consistent API
• You want on-demand bundling so unused icons never ship to the client
• You need SSR/SSG-friendly icons without flash of unstyled content
• You want to style icons (size, color, animation) like normal components

When to avoid

• You need runtime icon loading or dynamically changing icon sets at runtime in the browser
• Your project does not use a supported bundler like Vite, Webpack, Rollup, or Rspack
• You only need a handful of static SVGs and prefer simple inline SVG files
• Your project is CommonJS-only, since the package is ESM-only

Facets

plugin · maturity active

ui-components build-tool plugin-system frontend-framework web-development frontend developer-tools browser icons iconify vite webpack on-demand vue react svelte solid nuxt unplugin nodejs web-server

Member repositories

For agents

markdown · JSON · MCP: product_card(name="unplugin/unplugin-icons")