Relaxicons: Turn Any Iconify Icon into a Native Component for 8 Frameworks

说明与用途

Relaxicons 从 Iconify 生成原生图标组件，消除繁重的图标包和运行时加载器，保持跨框架的一致样式。

问题

Frontend projects struggle to include icons from diverse sets without adding many dependencies, runtime loaders, or inconsistent SVG code.

结果

Relaxicons replaces bulky icon packages and runtime loaders with lightweight, framework‑native component files, improving bundle size, consistency, and developer experience.

工作流

• Install Relaxicons CLI globally with npm
• Run relaxicons init to detect framework and create config
• Use relaxicons add <icon-id> to generate component files
• Import and use generated components like any other component

证据

Relaxicons is a Node.js CLI that pulls any icon from the Iconify catalogue (200+ open‑source icon sets) and writes it into your project as a real component for React, Next.js (RSC), Vue, Angular, Svelte, Solid, Laravel Blade or Web Components.

来源

Install the CLI globally (Node 18+): npm install -g relaxicons relaxicons --version # 1.1.2

来源

relaxicons init # ✔ Detected: Next.js # ? Confirm framework › Next.js # ? Where do you want to save icons? › components/ui/icons # ? Do you use TypeScript? › yes # ✔ Created relaxicons.config.json

来源