remix-icon

Provide HTML code for RemixIcon outlined and filled icons.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/Elios-FPT/EliosCodePracticeService --skill remix-icon-elios-fpt
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: remix-icon
Source: https://github.com/Elios-FPT/EliosCodePracticeService/tree/main/.claude/skills/remix-icon
Command: npx skills add https://github.com/Elios-FPT/EliosCodePracticeService --skill remix-icon-elios-fpt

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Finding high-quality, consistent icons for applications and design systems can be a time-consuming challenge, often leading to inconsistent UIs. This skill provides a comprehensive guide to RemixIcon, offering a vast library of 3,100+ icons in consistent styles, simplifying UI development and design.

Core Features & Use Cases

  • Extensive Icon Library: Access over 3,100 icons in both outlined and filled styles for any UI need.
  • Seamless Integration: Easily integrate icons into web projects using NPM, CDN, React, or Vue, accelerating development.
  • Design Consistency: Ensure a cohesive visual language across all your applications with perfectly aligned 24x24 pixel grid icons.
  • Use Case: Quickly find and implement a suitable "home" icon for a navigation menu, choosing between outlined and filled styles based on the active state, and ensuring it scales correctly across devices.

Quick Start

Use the remix-icon skill to find a suitable icon for a "settings" button and provide the HTML code for its outlined version.