Iconify SVG
Connects to the Iconify API to search and retrieve SVG icons from various collections. Lets you ask an AI assistant for icons instead of manually browsing icon websites.
Provides a bridge to the Iconify API for searching and retrieving SVG icons from various collections, enabling quick integration of icons into projects.
What it does
- Search for icons by description across multiple collections
- Retrieve complete SVG code for specific icons
- Browse available icon repositories and collections
- Filter icons by collection prefix
Best for
About Iconify SVG
Iconify SVG is a community-built MCP server published by leee62 that provides AI assistants with tools and capabilities via the Model Context Protocol. Quickly find and integrate svg icons into your projects with Iconify SVG, the bridge to react icons and more from variou It is categorized under productivity, developer tools.
How to install
You can install Iconify SVG in your AI client of choice. Use the install panel on this page to get one-click setup for Cursor, Claude Desktop, VS Code, and other MCP-compatible clients. This server runs locally on your machine via the stdio transport.
License
Iconify SVG is released under the MIT license. This is a permissive open-source license, meaning you can freely use, modify, and distribute the software.
pickapicon-mcp
Description
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 😎.
👉👉 Icon Repo WebSite Iconify 👈👈
Tools
-
get_icon_repos
- get all repo name, for other tools param
<prefix>
- get all repo name, for other tools param
-
get_icons_by_desc_and_prefix
- get icons by inputting desc what you want and prefix
- inputs:
- desc: desc what you want
- prefix?: prefix
-
get_icon_detail_by_prefix_and_name
- get icon detail (SVG code) by prefix and svg name
- inputs:
- svg_name: svg name
- prefix?: prefix
QuickStart
Installing via Smithery
To install Pickapicon MCP for Claude Desktop automatically via Smithery:
npx -y @smithery/cli install @Leee62/pickapicon-mcp --client claude
this is MCP Server Config
"mcpServers": {
"pickapicon-mcp": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"pickapicon-mcp@latest"
],
"env": {
"PREFIX": "<LIKE ant-design>"
}
}
}
Case
- Quickly get svgs about COMPONENT / PAGE
- get svg with Modern Design Color
License
MIT
Alternatives
Related Skills
Browse all skillsUse when working with icons in any project. Provides CLI for searching 200+ icon libraries (Iconify) and retrieving SVGs. Commands: `better-icons search <query>` to find icons, `better-icons get <id>` to get SVG. Also available as MCP server for AI agents.
UI design system toolkit for Senior UI Designer including design token generation, component documentation, responsive design calculations, and developer handoff tools. Use for creating design systems, maintaining visual consistency, and facilitating design-dev collaboration.
Answer questions about the AI SDK and help build AI-powered features. Use when developers: (1) Ask about AI SDK functions like generateText, streamText, ToolLoopAgent, embed, or tools, (2) Want to build AI agents, chatbots, RAG systems, or text generation features, (3) Have questions about AI providers (OpenAI, Anthropic, Google, etc.), streaming, tool calling, structured output, or embeddings, (4) Use React hooks like useChat or useCompletion. Triggers on: "AI SDK", "Vercel AI SDK", "generateText", "streamText", "add AI to my app", "build an agent", "tool calling", "structured output", "useChat".
Leveraging AI coding assistants and tools to boost development productivity, while maintaining oversight to ensure quality results.
Master API documentation with OpenAPI 3.1, AI-powered tools, and modern developer experience practices. Create interactive docs, generate SDKs, and build comprehensive developer portals. Use PROACTIVELY for API documentation or developer portal creation.
Creates educational Teams channel posts for internal knowledge sharing about Claude Code features, tools, and best practices. Applies when writing posts, announcements, or documentation to teach colleagues effective Claude Code usage, announce new features, share productivity tips, or document lessons learned. Provides templates, writing guidelines, and structured approaches emphasizing concrete examples, underlying principles, and connections to best practices like context engineering. Activates for content involving Teams posts, channel announcements, feature documentation, or tip sharing.