Relaxicons

Relaxicons

Relaxicons is a CLI that turns any icon (e.g. lucide:home) into a polished component for React, Vue, Angular, Laravel, Svelte, Solid, Web Components, and Next.js (RSC-safe).

npm install -g relaxicons
relaxicons init
relaxicons add lucide:home

Copy Example

Features

• Fetch & suggest icons from collections
• Transform SVG (strip dimensions, set currentColor)
• Output multi-framework components (React, Vue, Angular, Laravel, Svelte, Solid, Web Components, RSC)
• Auto formatting & barrel export updates
• Fuzzy suggestions & list filtering

Frameworks

Quick Links

• Getting Started
• CLI Reference
• Collections
• Icon Explorer
• Configuration
• Transform Pipeline
• Framework Adapters
• FAQ

Why Relaxicons?

New in the Explorer

• Favorites & Recent tabs
• Keyboard shortcuts (arrows + Enter)
• Export selection and copy variants (CMD/SVG/DATA)
• Per-collection stats and a top-icons carousel

CLI additions

• relaxicons stats — counts per collection (supports -c)
• relaxicons doctor --verbose — diagnostics
• relaxicons cache-clear — placeholder

Manually copying SVGs into components is repetitive. Relaxicons standardizes attributes, injects accessibility-friendly defaults, and keeps your icon library organized. Focus on building—let the tooling handle boilerplate.

Next Steps

Head to Getting Started to create your relaxicons.config.json and add your first icon.