Icons your AI agent can find and paste.
The Neat Icons MCP server connects Claude Code, Cursor, Windsurf and other MCP agents to all 1,104 icons. Ask for “a wallet icon, sharp solid, as a React component” and the agent writes it into your code.
Get the full setFour tools
search_iconsPlain words in, icon names out. “delete” finds trash, “sign out” finds logout, typos get a “did you mean”.
get_iconOne icon as svg, jsx (a React component) or data-uri, in any of the four styles, any size and color.
get_iconsUp to 40 icons at once in the same style, for a tab bar, a nav or a menu.
list_categoriesThe categories with their icon counts, to narrow a search.
Styles are rounded-stroke (the default), rounded-solid, sharp-stroke and sharp-solid. Colors default to currentColor, so the icon follows your text color. Every icon page on this site shows a search that really returns it, for example the trash icon or the Saudi riyal.
Set it up
- 1
Get a license
Personal comes with 1 seat, Team with 5. You get a license key that starts with NEAT- by email.
- 2
Activate a seat
Open neaticons.com/activate, paste the key and the name of the person the seat is for. You get a seat key.
- 3
Add it to your agent
Paste the command or the JSON below with your seat key. Then ask in plain words.
Claude Code
claude mcp add --transport http neat-icons https://mcp.neaticons.com/mcp \ --header "Authorization: Bearer YOUR_SEAT_KEY"
Cursor, Windsurf and other agents
Add this to the agent’s MCP config.
{
"mcpServers": {
"neat-icons": {
"type": "http",
"url": "https://mcp.neaticons.com/mcp",
"headers": {
"Authorization": "Bearer YOUR_SEAT_KEY"
}
}
}
}VS Code with Copilot
In .vscode/mcp.json. Keep the key out of public repos.
{
"servers": {
"neat-icons": {
"type": "http",
"url": "https://mcp.neaticons.com/mcp",
"headers": {
"Authorization": "Bearer YOUR_SEAT_KEY"
}
}
}
}ChatGPT
ChatGPT connectors can’t send a key header yet, and the server needs one, so the Neat Icons MCP doesn’t connect to ChatGPT for now. The React package and the SVG files work anywhere.
Seats
One seat is one person. Personal has 1, Team has 5. Each person activates their own seat and uses their own seat key in their own agent. To hand a seat to someone else, deactivate the old one in the customer portal and activate a new one; a freed seat stops working within ten minutes.
The free plan has no MCP. Without a valid seat key the server answers with a short message and no icons.
What you can ask
- “Add icons to this settings screen, rounded stroke, 20px.”
- “Give me a wallet and a credit card icon as React components, sharp solid.”
- “Use the Saudi riyal icon next to every price.”
- “Build a tab bar with home, search, bag and user icons.”