SkillFoxx

Better Icons MCP

Search and drop in icons from 150+ Iconify collections as an MCP server, CLI and skill, writing SVG straight into the project

  • 1,476 ★ on the repository
  • Last commit
  • MIT
MCP server

Extended access

Why this level

  • Writes icon files into the project and reaches the network for Iconify data
All reasons and checks

better-auth/better-iconsAuthor:Better Auth

Install

In your terminal, with SkillFoxx CLI

npx skillfoxx add mcp/better-icons

Detects the agents on your machine, shows the access level and pins the version.

Other ways to install

Access and checks

How we review

Extended accessThe tool runs code or makes network calls and only reads external data.

  • Writes icon files into the project and reaches the network for Iconify data

This is third-party code. Review the repository files before installing.

What it does

The tool gives the agent access to the Iconify catalog: search across 150+ collections, fetch SVG by an id like prefix:name, list collections and recommend an icon for a use case. Icons can be written straight into the project's icon file in tsx, ts or js formats instead of pasting SVG into chat, which saves tokens. There is batch retrieval, discovery of similar icons across collections and memory of the ones you already used. It works three ways: as an MCP server for agents, as a CLI in the terminal and as a skill with a SKILL.md file. No key or account is needed, and export covers React, Vue, Svelte, Solid and raw SVG.

Who it is for. For frontend developers and designers who need project icons without hunting on icon sites.

Good fit when

  • You need an icon while coding UI without switching to a browser
  • You want a consistent icon style from a single collection
  • You want SVG written into a project file rather than pasted into chat

Not a fit when

  • You need a custom illustration that no Iconify collection has
  • You are offline and Iconify data is not available locally

Example request

Find a cart icon in the lucide collection and add it to my icons file

MCP

Transport
stdio
Authentication
not required

Limitations

The tool relies on Iconify data, so network access is required. Icons follow the licenses of their source collections, which you should check before shipping. It does not draw custom icons, it only returns what the catalog already has.

How to disable. Remove the better-icons entry from the MCP config, uninstall the global package with npm uninstall -g better-icons, or delete the skill folder.

FAQ

Do I need a key or sign-up?

No. It pulls icons from Iconify, so no key or account is required, only network access.

How do the install methods differ?

The MCP server adds icon tools to the agent, the CLI runs in the terminal, and the SKILL.md skill documents the same commands for an agent environment.

Discussion

No questions or reviews yet.

MCP servers

An MCP server that finds a coolicons icon by meaning and returns the SVG with the import line, so the agent never guesses names

MCP serverExtended access494
Official

An MCP server and skill for a set of thousands of brand SVG icons: the agent searches and inserts icons with no key

MCP serverExtended access3K
Official

An MCP server for Keyline Icons: the agent finds an icon by name and gets its SVG and a ready React import with no guessing

MCP serverMinimal access205
Official

MCP server and CDN of service icons: matches logos to docker-compose.yml and serves SVG, PNG and WEBP

MCP serverMinimal access9.1K

MCP server and plugin that search Microsoft Fluent UI icons by meaning and return exact React component names together with code.

MCP serverMinimal access448

An MCP server and skill for interfaces: 31 design systems for shadcn/ui, UI and UX principles and accessibility review for agent-written code

MCP serverExtended access576

README in short

The README describes a tool for searching and fetching over 200,000 icons from 150+ Iconify collections that works as an MCP server, CLI and skill. The quick start offers adding the skill via npx skills add, configuring MCP with npx better-icons setup, or installing the CLI globally. It lists the MCP tools: search_icons, get_icon, list_collections, recommend_icons and preference viewing. It also covers writing icons straight into a project file, batch retrieval, similar-icon search and memory of used collections. It gives manual setup snippets for Cursor, Claude Code and other clients, MIT licensed.

README badge

Report a problem