3,000+ open-source icons for React — drop-in lucide-react replacement.
- 3,000+ SVG icons (1,500+ outline/filled pairs), optimized with SVGO
- Drop-in lucide-react replacement with Lucide-style aliases and core props
- Tree-shakeable with individual icon imports
- Dynamic icon loading with
DynamicIconand lazy imports - Searchable docs site with copy-to-clipboard
Browse icons, search by name or category, and copy code at:
npx skills add mblode/blode-icons -g --all -ynpm install blode-icons-reactimport { ChevronDown } from "blode-icons-react";
export default function App() {
return <ChevronDown size={20} />;
}// Lucide-compatible icons (same names as lucide-react)
import { ChevronDown, Search, Plus } from "blode-icons-react";
// Full icon library (with Icon suffix)
import { ChevronDownIcon, SparkleIcon } from "blode-icons-react";
// Individual icon import (best for tree-shaking)
import ChevronDownIcon from "blode-icons-react/icons/chevron-down";
// Dynamic icon loading by export name
import { DynamicIcon } from "blode-icons-react/dynamic";
<DynamicIcon name="SearchIcon" size={24} />;
// Types
import type { LucideProps, LucideIcon } from "blode-icons-react";All icons accept standard SVG props plus these Lucide-style props:
size— Width and height (default:24)color— Icon color (default:'currentColor')strokeWidth— Stroke width (default:2)
| Skill | Phase | Description |
|---|---|---|
blode-icons-react |
Authoring | Guides work on the blode-icons-react package, docs examples, import paths, and release conventions in this repo. |
Crafted by 
