React Icons MCP Server

What is React Icons MCP Server?

A Model Context Protocol (MCP) server that enables AI coding tools to access and understand the React Icons library, which includes icons from multiple icon sets like Font Awesome, Material Design, and Bootstrap.

How to use React Icons MCP Server?

Install globally via npm install -g react-icons-mcp or run with npx react-icons-mcp. Configure it in your AI tool's MCP settings using the provided JSON for macOS/Linux or Windows. Run in HTTP mode (default port 3334), stdio mode with --stdio, or on a custom port with --port.

Key features of React Icons MCP Server

• Get information about all available icon libraries
• Search for icons by name or category
• Retrieve all icons from a specific library
• Get detailed information about a specific icon
• Get code examples for using React Icons

Use cases of React Icons MCP Server

• AI assistant suggests the right icon for a React component
• Developer searches across multiple icon libraries from within an IDE
• AI tool provides import statements and usage snippets automatically
• Developer gets details on icon variants and library origins
• AI-powered coding assistants integrate icon lookup into chat workflows

FAQ from React Icons MCP Server

Which AI tools can use this server?

It works with Cursor, Windsurf, Cline, and other AI-powered coding assistants that support the Model Context Protocol.

How do I switch between HTTP and stdio mode?

Run with no flag for HTTP mode (default port 3334), or add --stdio for direct integration with AI tools via standard input/output.

What runtime or dependencies are required?

Node.js and npm. The server can be installed globally with npm install -g react-icons-mcp or run on demand with npx.

What tools does the server expose to AI assistants?

Five tools: get_icon_libraries, search_icons, get_library_icons, get_icon_details, and get_icon_usage_examples.

Does the server require authentication or an API key?

—