Context7
Feeds AI the latest docs for libraries and frameworks before it answers, so code it writes does not use outdated, removed functions.
Description from the maker (original English)
Lets AI coding assistants search the icon packages actually installed in your project.
These three are never merged into one score: opinions, measurements and popularity are different things.
We have not written a plain-language summary for this one yet. Below are the facts we read from the registry.
Pick the AI app you use, then copy the settings.
TRUEICON_PROJECT_DIR, TRUEICON_CACHEYou need
Which app do you use?
Pick your app above. We remember it, so next time the button says “Install in …”.
Open Claude Desktop → Settings → Developer → Edit Config, and paste this into claude_desktop_config.json
{
"mcpServers": {
"trueicon": {
"command": "npx",
"args": [
"-y",
"trueicon"
],
"env": {
"TRUEICON_PROJECT_DIR": "your-value",
"TRUEICON_CACHE": "your-value"
}
}
}
}Run this in your terminal
claude mcp add trueicon --env TRUEICON_PROJECT_DIR=your-value --env TRUEICON_CACHE=your-value -- npx -y trueiconFill in the empty values before running it.
Paste into .cursor/mcp.json in your project, or ~/.cursor/mcp.json
{
"mcpServers": {
"trueicon": {
"command": "npx",
"args": [
"-y",
"trueicon"
],
"env": {
"TRUEICON_PROJECT_DIR": "your-value",
"TRUEICON_CACHE": "your-value"
}
}
}
}Your browser asks to open the app, then the app shows the settings and asks you to confirm. Key values are left empty for you to fill in.
Paste into .vscode/mcp.json in your project
{
"servers": {
"trueicon": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"trueicon"
],
"env": {
"TRUEICON_PROJECT_DIR": "your-value",
"TRUEICON_CACHE": "your-value"
}
}
}
}Your browser asks to open the app, then the app shows the settings and asks you to confirm. Key values are left empty for you to fill in.
This one runs on your computer, and ChatGPT can only connect to servers on the internet. Pick another app.
Your choice stays on this device in a cookie; no account needed.
TRUEICON_PROJECT_DIR envTRUEICON_CACHE envThese settings are generated from the maker’s registry entry. If the README says otherwise, follow the README.
Runs on your computer; the tool list appears in your AI app after you install it.
We check information anyone can see; we have not read the code. Checks that do not apply are left out of the count. · Checked Nov 7, 2026
The registry name was verified with the GitHub account manikumarkv, which owns the repo
We have not read this repo from GitHub yet
We have not read this repo from GitHub yet
This one runs on your computer; there is no internet endpoint
Runs on your computer and uses local settings instead
Runs on your computer; we can only read tool lists from internet endpoints
Compared with every active server in this category in the registry. Stars count only when the publisher owns the repo.
It passed 1 of 1 applicable basic checks. We have not read the code. Before adding a key or token, see what access the server asks for and use a key with only the permissions you need.
The registry does not list a required key, though some servers ask you to sign in on first use.
It runs on your computer. Your AI app starts it when needed, and data does not pass through the maker’s servers (unless it calls an online service itself).
The GitHub repo last changed –, and the latest version (0.6.0) reached the registry 37 days ago.
Apps that support MCP, such as Claude Desktop, Claude Code, Cursor and VS Code. You also need Node.js on your computer.
In the same category: Context7, Codebase Memory, Exa
Servers in the same category from other makers, sorted by stars.
Reading a card:★ GitHub starsiThree pillars: reviews · checks · usageiUpdated = latest version published to the registryi
Feeds AI the latest docs for libraries and frameworks before it answers, so code it writes does not use outdated, removed functions.
Codebase knowledge graph for AI agents — 162 languages, sub-ms queries, 99% fewer tokens.
Connect AI agents to Exa for web search, content fetching, and multi-step research.
Copied from the maker’s repo as written. PopNx MCP has not reviewed or endorsed it. HTML, images and scripts are removed. Links lead off this site.
TrueIcon is an MCP server that gives AI coding assistants exact, version-correct icon references. Your assistant searches the icon packages your project actually uses (lucide-react, react-icons, @heroicons/react, @phosphor-icons/react, @tabler/icons-react, iconoir-react, @fluentui/react-icons, @carbon/icons-react, @ant-design/icons, @mui/icons-material, @radix-ui/react-icons, @remixicon/react, the Font Awesome Free packages, and the Vue and Svelte packages of Lucide, Heroicons, Tabler and Phosphor) and gets back real icon names, import paths and a ready-to-paste import line.
AI assistants often guess icon names. The guess can be an icon that never existed, one renamed a few releases ago, or one from a different library, and you only find out when the build fails. TrueIcon closes that gap:
search_icons and gets results that are guaranteed to exist in that version, for example import { Trash2 } from 'lucide-react';.| Provider id | npm package | Icon naming |
|---|---|---|
lucide | lucide-react | Lucide's file names, e.g. trash-2 → Trash2 |
heroicons | @heroicons/react | - - , e.g. trash-24-outline → TrashIcon |
react-icons | react-icons | - , e.g. fa6-beer-mug-empty → FaBeerMugEmpty |
phosphor | @phosphor-icons/react | for the regular weight, - otherwise, e.g. trash-bold → TrashIcon with weight="bold" |
tabler | @tabler/icons-react | Tabler's icon names, e.g. trash → IconTrash, trash-filled → IconTrashFilled |
iconoir | iconoir-react | for regular, -solid for solid, e.g. trash-solid → TrashSolid |
fluentui | @fluentui/react-icons | - with style regular, filled or color, e.g. delete-regular → DeleteRegular. Only the scalable (1em) icons are indexed, not the size-specific variants |
carbon | @carbon/icons-react | Carbon's export names in kebab case, e.g. trash-can → TrashCan. Variants add -filled, -alt or -color, e.g. accessibility-filled → AccessibilityFilled |
antdesign | @ant-design/icons | - with theme outlined, filled or two-tone, e.g. delete-outlined → DeleteOutlined |
mui | @mui/icons-material | MUI's export names in kebab case, e.g. delete → Delete. Themes add -outlined, -rounded, -sharp or -two-tone, e.g. delete-outlined → DeleteOutlined; base icons have the style filled |
radix | @radix-ui/react-icons | Radix's icon names, e.g. trash → TrashIcon, github-logo → GitHubLogoIcon |
remix | @remixicon/react | Remix's icon names with the -line or -fill style, e.g. delete-bin-line → RiDeleteBinLine |
fontawesome-solid | @fortawesome/free-solid-svg-icons | Font Awesome's icon names, e.g. trash-can → faTrashCan. Old names still resolve: get_icon finds trash-alt or faTrashAlt as faTrashCan, and faSearch as faMagnifyingGlass |
fontawesome-regular | @fortawesome/free-regular-svg-icons | Same as fontawesome-solid, e.g. star → faStar |
fontawesome-brands | @fortawesome/free-brands-svg-icons | Same as fontawesome-solid, e.g. github → faGithub |
These index the same artwork as the React packages above, with each package's own component names and import paths.
| Provider id | npm package | Icon naming |
|---|---|---|
lucide-vue | @lucide/vue | Same as lucide, e.g. trash → Trash |
lucide-vue-next | lucide-vue-next | Same as lucide. Deprecated upstream in favor of @lucide/vue, still widely used |
lucide-svelte5 | @lucide/svelte | Same as lucide (Svelte 5) |
lucide-svelte | lucide-svelte | Same as lucide. Deprecated upstream in favor of @lucide/svelte |
heroicons-vue | @heroicons/vue | Same as heroicons, e.g. trash-24-outline → TrashIcon from @heroicons/vue/24/outline |
tabler-vue | @tabler/icons-vue | Same as tabler, e.g. trash → IconTrash |
tabler-svelte | @tabler/icons-svelte | Same as tabler |
phosphor-vue | @phosphor-icons/vue | Same as phosphor, e.g. trash-bold → PhTrash with weight="bold" |
phosphor-svelte | phosphor-svelte | Same as phosphor, e.g. trash-bold → TrashIcon with weight="bold" |
Heroicons has no official Svelte package. Angular packages aren't supported yet.
Tools accept either the provider id or the npm package name ("lucide" or "lucide-react"). Usage snippets are import lines, which work the same way in React, Vue and Svelte. Phosphor weights all share one component, so pass the record's style as the weight prop (e.g. ); the usage snippet only shows the import. Font Awesome imports are icon definitions, not components: render them with @fortawesome/react-fontawesome, e.g. .
TrueIcon needs Node.js 20 or newer.
# Run without installing (this is what the MCP configs below do)
npx -y trueicon
trueicon binarynpm i -g trueicon trueicon
trueicon is a stdio MCP server. Your MCP client starts it; running it by hand only prints trueicon: v running on stdio to stderr and waits for JSON-RPC on stdin.
That's it for most projects. TrueIcon finds the icon packages your package.json lists and the versions installed in node_modules. The first search for each package downloads and indexes it, which takes a few seconds. Later searches use the local cache.
dependencies or devDependencies of your package.json.package.json doesn't list (for example one that comes in through a UI kit), or to pin a version.{
"providers": [ { "package": "lucide-react" }, { "package": "react-icons", "version": "5.3.0" }, { "package": "@heroicons/react", "version": "^2.1.0" } ] }
| Field | Type | Required | Meaning |
|---|---|---|---|
providers | array | yes | Icon packages to search. When it lists any, package.json is not used to pick packages. |
providers[].package | string | yes | npm package name of a supported provider, e.g. lucide-react, @lucide/vue or @tabler/icons-svelte (see Supported providers). |
providers[].version | string | no | Exact version or npm range. Overrides the installed version (see Versions). |
semantic | bool | no | Opt-in semantic search (default false). See below. |
.iconmcp.json are skipped, and search_icons reports them as a warning.search_icons returns an error that says which directory it looked in. You can still pass provider to a tool call.Set "semantic": true in .iconmcp.json to add meaning-based ranking to search_icons. Each query is embedded with a small local model (all-MiniLM-L6-v2, ~90MB downloaded once to the transformers.js cache) and matched against per-icon vectors built at index time; those semantic candidates are merged with the keyword results using reciprocal rank fusion, so exact-name matches still win while conceptual queries like "remove background" can surface eraser.
{
"providers": [{ "package": "lucide-react" }], "semantic": true }
Semantic search runs on @huggingface/transformers, which is an optional peer dependency and is not installed by default, so installs that never enable the flag stay lean. To enable semantic search, install it once (about 400MB) alongside trueicon:
npm install @huggingface/transformers
If the flag is on but the package is missing, search_icons and get_icon fall back to keyword-only indexes and return a one-line warning with the install command.
Toggling the flag rebuilds the indexes once (vectors are stored in index.json alongside each record, and meta.json records the embedding model). It stays fully local: no data leaves your machine. TRUEICON_SEMANTIC=1 (or 0) overrides the flag for one-off runs.
TrueIcon reads package.json, .iconmcp.json and node_modules from the project directory. It picks the first of:
$TRUEICON_PROJECT_DIR, when set.package.json or .iconmcp.json. Clients that support roots, like VS Code, tell TrueIcon which folders you're working in, so it follows your oOnly the beginning is shown; read the rest in the repo