Reicon MCP Server: Setup for Claude, Cursor and Other Apps
Lets Claude, Cursor and other assistants find Reicon icons and write the code to use them in your project.
This is the Reicon icon library's own server. Ask for an icon in plain words and it finds a match, shows the SVG, and writes the import and usage code for React, Vue, Svelte, React Native or HTML. It runs on your computer with a built-in icon index, so it needs no account or API key.
It returns code for you to paste and never changes your files itself. It is useful if you already build with Reicon icons.
Good for
- Front-end developers who use Reicon icons in React, Vue or Svelte
- Designers who want to look up icons by describing them
- Teams that want consistent icon names in AI-written code
Works in
12 should work
Tap an app to see how to set it up and any known problems.
Supports local MCP servers.
Supports local MCP servers.
Supports local MCP servers.
Supports local MCP servers.
Supports local MCP servers.
Supports local MCP servers.
Supports local MCP servers.
Supports local MCP servers.
Supports local MCP servers.
Supports local MCP servers.
Supports local MCP servers.
Supports local MCP servers.
Client does not support this transport.
Client does not support this transport.
Install reicon MCP
Claude Code
- 1
Copy this prompt.
Add the reicon MCP server to Claude Code. Run this command: claude mcp add reicon -- npx -y reicon-mcp Then check that it loaded and tell me if I need to sign in or restart.
- 2
Paste it into Claude Code. It shows the change and asks before running it.
Requires Node.js.
Built from the package data we hold. Not yet tested by us.
Tools
Finds icons by keyword, synonym or short phrase
Ranks Reicon icons for a word or phrase and copes with synonyms and typos. You can limit it to Outline or Filled icons and cap the result count at 20.
Try: “Find a shopping cart icon in Outline style.”
Read ·
search_iconsReturns the raw SVG and details of one icon
Gives you the SVG markup and metadata for a named icon in one weight, for when you want to inspect it before using it.
Try: “Show me the SVG for the heart icon, Filled.”
Read ·
view_iconWrites the import and usage code for an icon
Returns an import line and a snippet for React, React Native, Vue, Svelte, plain HTML or raw SVG. You can set the size, color and component name. It only returns text and does not edit your files.
Try: “Add a heart icon, 32px red, to my React component.”
Read ·
apply_iconLists the icon categories
Returns the icon categories, which also work as search words.
Try: “What kinds of icons does Reicon have?”
Read ·
list_categories
Read from the source code
Permissions
low risk · 2 things to watch
Low risk
The assistant can only look up icons and get code back, with no access to your files or accounts. Paste the code yourself and check it fits your project.
What it can do
- Read your data
- Create and change things
- Delete things
- Read-only modeHow to turn it on
Watch out for
Tool descriptions nudge the assistant's order of steps
They tell the assistant to call apply_icon directly after a search and to always search first. This only affects which icon tool it picks. npmjs.com
Only the command line can write into your files
The separate command-line mode can replace a marker in a file. The four MCP tools return text and do not write files. npmjs.com
Security advisories
No published security advisories as of Nov 1, 2026.
Technical details
| Turning on read-only | All four tools only read the built-in icon index and return text. |
|---|---|
| Sign-in and keys | No credentials. The package works offline with its built-in search index, according to its npm README. |
Questions
Is it official?
Yes. It ships in the Reicon icon library's own repository and is published as reicon-mcp by the same project.
Is it free?
Yes. Reicon and its MCP server use the MIT license and need no account or API key.
Does it need an internet connection?
No for searching. The npm README says it works fully offline with a prebuilt search index.
Which frameworks can it write code for?
React, React Native, Vue, Svelte, plain HTML with a custom element, and raw SVG.
Can it edit my files?
No. The MCP tools only return text. The separate command line has a file option that replaces a marker in a file, and the MCP server does not use it.
Is there a read-only mode?
Not needed. All four tools only read the icon data and return text.
Information
updated Nov 2, 2026
- Publisher
- Official
- Package
reicon-mcp- Registry
- npm
- Transport
- stdio
- Auth
- None
- Version
- 1.1.103
- License
- MIT
- Last commit
- Oct 31, 2026
- Open issues
- 1
Sources
Docs, issue trackers and discussions this page is built from. Issues, quotes and findings above link to their own source.
Show all 3Hide
- Reicon README · github.com
- npm package reicon-mcp · registry.npmjs.org
- reicon-mcp on npm (README and bin) · npmjs.com