MCPSERV.CLUB
Leee62

Pickapicon MCP

MCP Server

Instant SVG from Iconify via LLMs

Active(70)
4stars
2views
Updated Sep 18, 2025

About

A Model Context Protocol server that lets front‑end developers, UI designers, and LLMs retrieve SVG icons from Iconify with simple queries. It streamlines icon sourcing by returning SVG code directly through LLM interactions.

Capabilities

Resources
Access data sources
Tools
Execute functions
Prompts
Pre-built templates
Sampling
AI model interactions

Quick SVG Retrieval in Action

Pickapicon‑MCP is a lightweight Model Context Protocol server that bridges the gap between AI assistants and the vast icon ecosystem of Iconify. It empowers front‑end developers, UI designers, and product managers to ask an LLM for the exact SVG they need—without leaving their code editor or design tool. By translating natural‑language queries into API calls, the server turns a tedious copy‑and‑paste workflow into an instant, context‑aware resource lookup.

At its core, Pickapicon‑MCP exposes a trio of intuitive tools that map directly to Iconify’s REST endpoints. The get_icon_repos tool lists all available icon sets, optionally filtered by a prefix such as “ant‑design” or “material”. With get_icons_by_desc_and_prefix, users can search by keyword and retrieve a curated list of matching icons, while get_icon_detail_by_prefix_and_name fetches the raw SVG markup for a specific icon. These tools are deliberately simple yet powerful, allowing developers to compose complex queries—like “find a blue ‘edit’ icon in the Ant Design set”—with minimal boilerplate.

The value for developers lies in seamless integration with existing AI workflows. When paired with Claude or other LLMs, Pickapicon‑MCP lets teams prototype UI components on the fly: a designer can ask for “a circular outline button icon in Material Design” and immediately receive the SVG code ready to paste into a React component. This eliminates the need to switch contexts, browse external sites, or manually adjust SVG attributes. In addition, the server supports environment variables (e.g., ) to lock queries to a particular icon set, ensuring consistency across projects.

Real‑world use cases include rapid UI mockups, automated theme generation, and accessibility audits. For example, a front‑end engineer can request “all icons that represent navigation actions” and quickly embed them into a navigation bar. A product owner can ask for “modern‑styled icons in the brand’s color palette” and obtain ready‑to‑use SVGs that match the design system. Because Pickapicon‑MCP returns raw SVG, developers can programmatically manipulate attributes—such as stroke width or fill color—directly within their build pipeline.

What sets Pickapicon‑MCP apart is its focus on developer ergonomics. The server’s API surface mirrors Iconify’s capabilities while hiding HTTP details, and the optional prefix filtering streamlines searches in large repositories. By integrating effortlessly with Smithery or any MCP‑compatible client, it becomes a first‑class citizen in AI‑augmented development environments. Whether you’re building a custom icon library or simply need an SVG for a quick prototype, Pickapicon‑MCP turns a repetitive lookup into a single conversational prompt.