Install

MIT-licensed React icons. Lucide-compatible names and props.

Add the package

Install once, then import only the icons you use.

npm install blode-icons-react

Drop an icon into your UI

Prefer *Icon names. Verified Lucide aliases like Search work too — names without a real Blode match are left out on purpose.

import { SearchIcon, Search } from "blode-icons-react";

export function Example() {
  return (
    <>
      <SearchIcon size={24} />
      <Search size={20} strokeWidth={1.5} />
    </>
  );
}

Props: size, color, strokeWidth, absoluteStrokeWidth.

Point your agent at Blode

Paste this into Cursor, Claude Code, or any MCP client. Then search_icons → get_icon.

{
  "mcpServers": {
    "blode-icons": {
      "url": "https://blode.co/icons/mcp"
    }
  }
}

Or install the skill: npx skills add mblode/blode-icons -g --all -y. More in llms.txt.