Icons8 MCP server

Get access to MCP server SVG and MCP server PNG icons in your vibe-coding projects

Icons8 - Free icons, photos, illustrations and more

Icons8 MCP server

Get access to MCP server SVG and MCP server PNG icons in your vibe-coding projects

Use for free

Product Hunt

Product of the day

Huge MCP server icon packs up to 40,000 icons

with full coverage

Works with

Windsurf AI coding assistant logo

Windsurf,

Claude AI coding assistant logo

Claude Code,

Cursor AI-powered code editor logo

Cursor

and other AI coding tools

Replace all icons in the project with trendy ones

or any other style

Add icons to all bullet lists and feature blocks,

process steps, navigation, etc.

3D illustration of code editor with floating icons

Filled star icon indicating featured content

Demos made using Icons8 MCP

Interactive falling emojis animation demo built with Icons8 MCP

Solar system visualization in Tufte style using Icons8 MCP icons

Futuristic sci-fi user interface demo with Icons8 MCP icons

E-commerce product catalog interface demo using Icons8 MCP

Decorative grid intersection element Decorative grid intersection element Decorative grid intersection element Decorative grid intersection element

How to use Icons8 MCP

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/" ] } } }

Copy code to clipboard icon

Copy code

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" } } } }

Copy code

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"

Copy code

2. Use the following commands to check MCP settings and manage servers:

claude mcp list

Copy code

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.

Frequent questions

What if it says "No API key"?

Subscribe for $15 and get an API key.

How do I get SVG icons specifically?

Simply specify in your request that you need SVG icons.

What formats do I get?

SVG (with API key), PNG previews available for all users.

Can I download PNG icons with MCP server for free?

Yes, PNG icon previews are available without API key when you connect to Icons8 MCP server.

What are the license terms for the free version?

All PNG icons downloaded through MCP are free to use if you provide a link back to us. Check our license here.

Do I need an API key?

PNG works without a key, SVG downloads require a paid API key.

I'm requesting SVG but still getting PNG

Try requesting SVG format again explicitly.

How do I get SVG icons from MCP server?

SVG icons require an API key. PNG icons are available for free through our MCP server connection.

Can I download icons in batches?

Not yet, but this is exactly the feature we are actively working on right now.

Need help?

Check our documentation or chat with us.

Related Servers