remix-icon

Official

Integrate 3,100+ icons, elevate your UI effortlessly.

AuthorAIA-11-HN-MIB
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Finding and consistently integrating high-quality icons into applications can be a design and development bottleneck. This skill provides a comprehensive guide to RemixIcon, offering a vast library of consistent, neutral-style icons to streamline UI development.

Core Features & Use Cases

  • Extensive Icon Library: Access over 3,100 icons in both outlined and filled styles for diverse design needs.
  • Flexible Integration: Implement icons using webfonts, direct SVG, SVG sprites, or dedicated React/Vue components.
  • Design Tool Compatibility: Seamlessly integrate icons into Figma, Sketch, Adobe XD, and presentations.
  • Use Case: Quickly add a "home" icon to a navigation menu, a "search" icon to an input field, or a "heart" icon to a like button, ensuring visual consistency across your application.

Quick Start

Ask the remix-icon skill how to install RemixIcon using NPM and display a home icon in HTML.

Dependency Matrix

Required Modules

remixicon@remixicon/react@remixicon/vue

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: remix-icon
Download link: https://github.com/AIA-11-HN-MIB/MIB-MockInterviewAIBot/archive/main.zip#remix-icon

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