Skills
.Work. You
Rest

nutui-icons

Community

Easy NutUI icons: install, import, and customize.

Design & Creative#react#vue#icons#svg#iconography#nutui#tree-shakeable
Authortiantangcao1980-web
Version1.0.0
Installs0

System Documentation

What problem does it solve?

NutUI Icons provides a ready-made, scalable SVG icon library for Vue and React projects, ensuring visual consistency and fast UI iteration.

Core Features & Use Cases

  • Paired with NutUI component libraries for consistent visuals
  • SVG-based and tree-shakeable for performance
  • 500+ glyphs across categories (navigation, user, e-commerce, etc.)
  • Size and color customization via props

Use Case: Design dashboards, mobile apps, and admin panels needing cohesive iconography.

Quick Start

Install @nutui/icons-vue or @nutui/icons-react and import only the icons you need into your Vue or React components.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: nutui-icons
Download link: https://github.com/tiantangcao1980-web/DesignDNA-Skills/archive/main.zip#nutui-icons

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.