Pickapicon
About
Quickly retrieve SVGs using the Iconify API, with no external data files required.
Details
- Author
- Leee62
- GitHub stars
- 4
- Downloads
- 244
- Categories
- Developer Tools, Other, Design
Jump to
- Integrates with Iconify’s vast icon repository
- get_icon_repos: list all available icon set names
- get_icons_by_desc_and_prefix: search icons by description and set
- get_icon_detail_by_prefix_and_name: fetch SVG code for a specific icon
- Configurable default prefix via PREFIX environment variable
Setting up with Highlight
This MCP is not yet compatible with Highlight’s one-click setup. However, you can still use it with Highlight by following these steps:
- Download and install Highlight from highlightai.com/download
- Navigate to the plugins tab and select "Add Custom Plugin"
-
Configure the plugin with the settings below
Plugin Name
PickapiconCommand (node, npx, python, etc.)Please refer to the README for specific instructions on how to obtain API keys or other required environment variables.
- Enable "Start Automatically" if you want the plugin to start when Highlight launches
From the repository
Install via npx -y pickapicon-mcp@latest or use Smithery CLI. Configure the PREFIX environment variable in your MCP client settings to set a default icon set (e.g., ant-design). Then use the provided tools (get_icon_repos, get_icons_by_desc_and_prefix, get_icon_detail_by_prefix_and_name) to search and fetch SVG code.
get_icon_repos
get all icon repo NAME
get_icons_by_desc_and_prefix
get icons by desc and prefix (LIKE AS ant-design)
get_icon_detail_by_prefix_and_name
get icon detail by prefix and svg name
Claude Desktop / Cursor
Paste into your MCP client config file to install this server.
{
"mcpServers": {
"pickapicon": {
"pickapicon-mcp": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"pickapicon-mcp@latest"
],
"env": {
"PREFIX": "<LIKE ant-design>"
}
}
}
}
}McpServers
{
"pickapicon-mcp": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"pickapicon-mcp@latest"
],
"env": {
"PREFIX": "<LIKE ant-design>"
}
}
}This is a mcp for FE/UI/Designer to get SVG By Iconify API.
By using pickapicon-mcp, You just need to ask LLMs to get what you need instead of going to the website to find svg and copying stupidly.
It can make your workflow to get svg simplify, Dancing with MCP & LLMs 😎.
- get all repo name, for other tools param<prefix>
- get icons by inputting desc what you want and prefix
- inputs:
- desc: desc what you want
- prefix?: prefix
- get icon detail (SVG code) by prefix and svg name
- inputs:
- svg_name: svg name
- prefix?: prefix
To install Pickapicon MCP for Claude Desktop automatically viaSmithery:
npx -y @smithery/cli install @Leee62/pickapicon-mcp --client claude
"mcpServers": { "pickapicon-mcp": { "type": "stdio", "command": "npx", "args": [ "-y", "pickapicon-mcp@latest" ], "env": { "PREFIX": "<LIKE ant-design>" } } }
- Quickly get svgs about COMPONENT / PAGE
- get svg with Modern Design Color
This is a web browser that enables your coding agent, such as Claude Code, to visit websites on your behalf and assist you in identifying bugs or creating UI test cases.
AI-powered SVG animation generator that transforms static files into animated SVG components using the Allyson platform
Get access to MCP server SVG and MCP server PNG icons in your vibe-coding projects
745+ CSS3 animations and 9,000+ real SVG icons for AI coding agents. 10 MCP tools. Zero-clone setup via npx.
Create, validate, and render diagrams from D2 (Declarative Diagramming) code into SVG and PNG formats.
Extract and download usable website favicons and return direct icon URLs and metadata through an MCP server.
Renders Mermaid diagram syntax to PNG or SVG images with configurable themes and backgrounds.
A MCP server that exposes SVGR functionality to convert SVG content into React components
Provides access to the Lucide icon library for use in LLM and agentic applications.
Search open SVG icon packs and fetch exact SVG markup from coding agents through MCP.
Render chart images from JSON configs with six themes, ten marks, PNG/SVG output.
Sign in to leave a review
Use Google, GitHub, or an email account so ratings stay tied to real people.
No reviews posted yet.
