Gene Library Courses Download Pricing Contact Sign in
iconify-mcp-server logo
design Official Website

Iconify MCP Server – Vector Icon Search and Usage

Iconify MCP Server is a community-maintained local MCP server that gives AI assistants structured access to Iconify's open-source vector icon collections. Use it to browse icon sets, search icons, retrieve individual icon data, and generate framework-specific usage examples for UI and design implementation.

#icons#vector-assets#frontend-ui

Overview

Iconify MCP Server connects MCP-compatible AI assistants to Iconify's large catalog of open-source vector icons. It is a community-maintained MCP integration rather than an official Iconify product, but it uses Iconify's public icon ecosystem to help agents discover and apply icons in UI and design workflows.

What the MCP server enables

The server exposes a focused set of documented tools for icon discovery and retrieval:

  • List all available Iconify icon collections.
  • Retrieve detailed metadata for a specific icon set by prefix.
  • Search icons across all sets or within a selected icon set.
  • Use pagination and result limits for icon searches.
  • Retrieve detailed data for a specific icon.
  • Return usage examples for popular frontend and design implementation targets.

The get_icon tool documents examples for UnoCSS, Tailwind CSS, the Iconify Icon web component, Vue, React, Svelte, Astro, and Unplugin Icons. This makes the server useful not only for finding visual assets, but also for applying them correctly in generated frontend code.

When to use it

Use Iconify MCP Server when an AI-assisted design or development workflow needs appropriate icons without manually browsing icon libraries. Typical uses include selecting icons for navigation, dashboards, buttons, empty states, feature cards, settings screens, mobile interfaces, and design-system component examples.

It is especially useful for agents generating frontend code because the server can return implementation examples for multiple frameworks and utility-class systems.

Connection and authentication

The documented connection is a local stdio server launched with:

npx -y iconify-mcp-server@latest

No API key, OAuth flow, bearer-token header, or environment variable is documented for the default setup. Node.js 18 or later is required for development, and the published package runs through npx for supported MCP clients such as Cursor, Claude Code, and Windsurf.

Key considerations

This is a community-maintained project, not an official Iconify-maintained MCP server. Iconify icon sets use different open-source licenses, so users should check the license for any selected icon set before production use. Results depend on Iconify's public catalog and search behavior. Generated code should still be reviewed for bundle strategy, accessibility labels, visual consistency, and whether the chosen icon library fits the project's dependency policy.

Supported Transports

stdio

Command: npx

Args:

  • -y
  • iconify-mcp-server@latest

Frequently Asked Questions

When should an AI agent use Iconify MCP Server?
Use it when a UI or design workflow needs to find suitable vector icons, compare icon-set options, retrieve icon metadata, or generate implementation examples for frontend frameworks and component systems.
What does Iconify MCP Server add to an AI agent's capabilities?
It gives the agent structured access to Iconify icon collections, icon-set metadata, search results, individual icon data, and usage examples instead of relying only on remembered icon names or manually pasted SVGs.
What can an AI agent access or manage through this server?
The agent can list available icon sets, retrieve details for a specific icon set, search across all or selected icon sets, and fetch individual icon data with examples for UnoCSS, Tailwind CSS, Iconify Icon, Vue, React, Svelte, Astro, and Unplugin Icons.
How is authentication configured for Iconify MCP Server?
The documented local stdio setup does not require an API key, OAuth flow, bearer token, or environment variable. It runs through the published npm package using npx.
Which transport should be used for Iconify MCP Server?
Use the documented local stdio transport launched with npx and iconify-mcp-server@latest. The maintained project documentation does not provide a hosted Streamable HTTP or SSE endpoint.