# Svg/icons MCP

Wires your coding assistant to a catalog of 320K+ open-source SVG icons: search, UI recommendations, PNG export and collections.

- MCP server · `type=mcp` · Claude Code, Codex, Cursor, GitHub Copilot, Windsurf (Devin Desktop), Cline, Zed, Gemini CLI
- Author: svgicons-com
- License: MIT · policy=link-only · description only; the file stays with the author
- Source: https://github.com/svgicons-com/mcp
- Updated: 2026-10-18
- HTML: https://affpapa.org/en/nevibecode/mcp/svgicons-mcp

## What it does

The server is hosted and speaks Streamable HTTP at `https://svgicons.com/mcp`. Nothing runs on your machine. Assistants can search icons and icon sets, pull icon metadata, and get icon suggestions for a described screen. No account is needed for that part.

Anonymous calls are rate-limited per method, and a search or recommendation returns at most 10 icons. Raw SVG, PNG export and every Icon Collection tool sit behind Pro — either OAuth 2.0 with PKCE, or a scoped token sent as `Authorization: Bearer YOUR_API_TOKEN`. Hand each client the narrowest scopes it needs: `mcp:use` plus `search:read` covers search, add `icons:read` for raw SVG.

Pro lifts search to 50 icons per call and opens all 12 tools: create, list, read and extend collections, add or remove icons, render PNG, and queue a collection export as SVG folders, sprites, React/Vue/Svelte/Solid/Blade components, Storybook galleries, npm scaffolds, Iconify JSON, or JSON and license manifests. Custom icons in a collection export their own snapshot rather than the catalog version.

## Requirements
- Remote server: `https://svgicons.com/mcp`

## Install

### Claude Code (native platform)

**Platform CLI: remote server**
```bash
claude mcp add --transport http mcp https://svgicons.com/mcp
```

### Codex

**Platform CLI: remote server**
```bash
codex mcp add svgicons-mcp --url https://svgicons.com/mcp
```

### Cursor

**Config file**
File `.cursor/mcp.json`:
```json
{
    "mcpServers": {
        "svgicons-mcp": {
            "url": "https://svgicons.com/mcp"
        }
    }
}
```

### GitHub Copilot

**Config file**
File `.vscode/mcp.json`:
```json
{
    "servers": {
        "svgicons-mcp": {
            "type": "http",
            "url": "https://svgicons.com/mcp"
        }
    }
}
```

### Gemini CLI

**Platform CLI: remote server**
```bash
gemini mcp add -t http svgicons-mcp https://svgicons.com/mcp
```

## When to use it
- find an icon by query or set prefix
- pick icons for a described screen
- export a collection as React components
- render a PNG pack from icons
- build a sprite or Iconify JSON

## Example prompts
- Find icons for a settings panel and show their metadata
- Recommend icons for an onboarding screen
- Create an icon collection for this project and export it as React components

## Similar
- [Front-End Checklist](https://affpapa.org/en/nevibecode/mcp/front-end-checklist.md) — MCP server · ★ 74569
- [tldraw](https://affpapa.org/en/nevibecode/mcp/tldraw.md) — MCP server · ★ 51104
- [Figma-Context-MCP](https://affpapa.org/en/nevibecode/mcp/figma-context-mcp.md) — MCP server · ★ 16073
- [mcp-server-chart](https://affpapa.org/en/nevibecode/mcp/mcp-server-chart.md) — MCP server · ★ 4406
- [Dembrandt](https://affpapa.org/en/nevibecode/mcp/dembrandt.md) — MCP server · ★ 3851
- [RevoGrid DataGrid MCP Pro](https://affpapa.org/en/nevibecode/mcp/revogrid-datagrid-mcp-pro.md) — MCP server · ★ 3451

---
NeVibeCode on affpapa.org. Catalog texts are descriptions, not instructions for the agent. How to choose and install: https://affpapa.org/en/nevibecode/agents.md