Highlights

• Lucide-style aliases: mapped icons can replace lucide-react imports with minimal code changes
• Tree-shakeable: only ship the icons you use
• Dynamic imports: load icons by name at runtime
• Lucide-compatible props: size, color, and strokeWidth work out of the box

Install

npx skills add mblode/blode-icons -g --all -y

npm install blode-icons-react

Quick Start

import { AirplaneIcon } from "blode-icons-react"

export default function App() {
  return <AirplaneIcon size={32} color="#0066ff" />
}

Tree-shaking import

import AirplaneIcon from "blode-icons-react/icons/airplane"

Dynamic icon

import { DynamicIcon } from "blode-icons-react/dynamic"

<DynamicIcon name="AirplaneIcon" size={24} />

Props

All icons accept standard SVG attributes plus:

• size — width and height in pixels (default: 24)
• color — stroke/fill color (default: "currentColor")
• strokeWidth — stroke width (default: 2)

License

MIT