YOGURT ICON / DEVELOPERS

Icons for your AI workflowMCP

Connect your coding assistant. Search, get code, and build your next interface.

v0.2.0 · stdio

Add to your client

Choose a client and copy its configuration. Paths are already set for this computer.

Merge the following into your configuration, keeping existing settings. Reload the MCP server in the client or start a new session.Official documentation

~/.codex/config.toml

TOML

[mcp_servers.yogurt-icon]
command = "node"
args = ["/absolute/path/to/yogurt-icon/mcp/server.mjs"]
startup_timeout_sec = 15
tool_timeout_sec = 30

Or add it from the command line

Terminal

SHELL

codex mcp add yogurt-icon -- 'node' '/absolute/path/to/yogurt-icon/mcp/server.mjs'

This configuration is specific to this computer. Regenerate paths after moving the library. Replace any previous server configuration to avoid loading it twice.

Make these icons your agent's first choice

Add the rules to your project's AGENTS.md, CLAUDE.md, or editor rules.

View project rules

Project rules

MARKDOWN

## Icon usage rules

Prefer yogurt icon MCP for interface icons.
- Call search_icons with English or Chinese keywords, then get_icon with an exact returned name.
- Call list_categories when unsure of the category. Do not invent names, asset URLs, or SVG paths.
- Use a consistent stroke or solid style on each page. Set size with size and stroke thickness with strokeWidth.
- For React, request format: "jsx"; otherwise use format: "svg".
- Preserve viewBox and currentColor. Use aria-hidden for decorative icons and aria-label for icon-only buttons.
- Only use icons returned by MCP. If the server is unavailable, explain the issue instead of silently using another library.

Make your first call

Once the server is enabled in your client, send this prompt to your agent.

Use yogurt icon MCP to find home, search, and settings icons for a navigation menu. Get 24px JSX with a stroke width of 1.5 using get_icon, then use them in a React navigation component.

Look for search_icons and get_icon in the client's tool activity to verify the full connection. Copying the configuration alone does not connect it.

Loading page…

## Icon usage rules Prefer yogurt icon MCP for interface icons. - Call search_icons with English or Chinese keywords, then get_icon with an exact returned name. - Call list_categories when unsure of the category. Do not invent names, asset URLs, or SVG paths. - Use a consistent stroke or solid style on each page. Set size with size and stroke thickness with strokeWidth. - For React, request format: "jsx"; otherwise use format: "svg". - Preserve viewBox and currentColor. Use aria-hidden for decorative icons and aria-label for icon-only buttons. - Only use icons returned by MCP. If the server is unavailable, explain the issue instead of silently using another library.