Icons8 MCP server
Get access to MCP server SVG and MCP server PNG icons in your vibe-coding projects
What you need
- Node.js installed
- Claude Code, Cursor, Windsurf, or similar AI coding tool
Step 1: choose your plan
High-res PNG icons
Free
MCP server PNG icons in high resolution for quick prototyping and testing.
{
"mcpServers": {
"icons8mcp": {
"command": "npx",
"args": [
"mcp-remote",
"https://mcp.icons8.com/mcp/"
]
}
}
}
SVG icons
API key required
MCP server SVG available for paid users—request API key. Subscribe for $15
{
"mcpServers": {
"icons8mcp": {
"command": "npx",
"args": [
"mcp-remote",
"https://mcp.icons8.com/mcp/",
"--header",
"Authorization:${AUTH_HEADER}"
],
"env": {
"AUTH_HEADER": "Bearer YOUR_API_KEY"
}
}
}
}
Step 2: set up your client
Claude Code
Cursor
Windsurf
VS Code
Other
1. Open your terminal and run:
claude mcp add icons8mcp -- \
npx mcp-remote \
"https://mcp.icons8.com/mcp/" \
--header "Authorization: Bearer YOUR_API_KEY"
2. Use the following commands to check MCP settings and manage servers:
claude mcp list
Step 3: get icons to your project
Ask your AI: "create a web page with MCP server icon SVG in ios glyph style" or "create a dashboard with analytics SVG icons in color style". Check out our live demos for inspiration. If you encounter issues, see our FAQ section.