{"slug": "add-svgicons-mcp-to-claude-code-and-find-svg-icons-from-your-terminal", "title": "Add SVGIcons MCP to Claude Code and Find SVG Icons from Your Terminal", "summary": "A developer has created SVGIcons MCP, a Model Context Protocol server that integrates the SVGIcons catalog directly into Claude Code. The tool allows developers to search for and retrieve SVG icons from within their terminal, eliminating the need to leave their coding environment to find UI icons. Claude Code can now handle requests for specific icons, such as a \"clean 24px outline icon for a settings button,\" and help integrate them into frontend projects.", "body_md": "Finding the right SVG icon is one of those small tasks that constantly interrupts development.\n\nYou are building a UI, need a clean search icon, then a settings icon, then maybe a GitHub logo. You open an icon website, search manually, compare styles, copy SVG markup, paste it into your project, clean it up, and repeat.\n\nWith **SVGIcons MCP**, you can bring that workflow directly into **Claude Code**.\n\nInstead of leaving your terminal, you can ask Claude to search SVG icons, inspect results, and help you integrate the right icon into your frontend project.\n\n**SVGIcons MCP** is a Model Context Protocol server for [svgicons.com](https://svgicons.com).\n\nIt gives AI coding tools access to the SVGIcons catalog so they can:\n\nIn practice, this means Claude Code can help you find icons while you are already working inside your project.\n\nClaude Code is already useful for editing files, refactoring components, and working across a codebase.\n\nAdding SVGIcons MCP makes it more useful for UI work because Claude can understand requests like:\n\n```\ntxt\nFind a clean 24px outline icon for a settings button.\n```\n\n", "url": "https://wpnews.pro/news/add-svgicons-mcp-to-claude-code-and-find-svg-icons-from-your-terminal", "canonical_source": "https://dev.to/svgicons/add-svgicons-mcp-to-claude-code-and-find-svg-icons-from-your-terminal-2875", "published_at": "2026-05-25 17:33:36+00:00", "updated_at": "2026-05-25 18:03:37.884537+00:00", "lang": "en", "topics": ["ai-tools", "ai-products", "generative-ai", "large-language-models", "artificial-intelligence"], "entities": ["SVGIcons MCP", "Claude Code", "SVGIcons", "Model Context Protocol", "svgicons.com"], "alternates": {"html": "https://wpnews.pro/news/add-svgicons-mcp-to-claude-code-and-find-svg-icons-from-your-terminal", "markdown": "https://wpnews.pro/news/add-svgicons-mcp-to-claude-code-and-find-svg-icons-from-your-terminal.md", "text": "https://wpnews.pro/news/add-svgicons-mcp-to-claude-code-and-find-svg-icons-from-your-terminal.txt", "jsonld": "https://wpnews.pro/news/add-svgicons-mcp-to-claude-code-and-find-svg-icons-from-your-terminal.jsonld"}}