remix-icon

Find correct class names for Remix Icon outlined and filled icons.

Updated Aug 23, 2026

Search Tags:#web development #React #UI/UX #design system #SVG #icons #Vue

One-click install

npx skills add https://github.com/OleksiiPopovDev/claude --skill remix-icon-oleksiipopovdev

Or copy as Structured Prompt for Agent▼

Please help me install this Agent Skill.
Skill: remix-icon
Source: https://github.com/OleksiiPopovDev/claude/tree/main/skills/remix-icon
Command: npx skills add https://github.com/OleksiiPopovDev/claude --skill remix-icon-oleksiipopovdev

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires remixicon, @remixicon/react, @remixicon/vue.

What problem does it solve?

Finding a comprehensive, consistent, and easy-to-integrate icon library for UI design and development can be challenging, often leading to fragmented aesthetics and inconsistent user experiences.

Core Features & Use Cases

Vast Icon Library: Access 3,100+ icons in both outlined and filled styles, all on a 24x24 pixel grid for perfect consistency.
Flexible Integration: Use as webfonts, direct SVG, SVG sprites, or seamlessly with React/Vue components.
Semantic Categorization: Easily find icons across 20 categories, from "Arrows" to "Weather," for various use cases.
Use Case: Add a "home" icon to a navigation menu, ensuring it's consistently sized and styled across your web application, and easily switch between outlined and filled versions.

Quick Start

Use the remix-icon skill to find the correct class name for an an outlined "home" icon.