Mcp Icon Visual
About
Mcp Icon Visual.
Details
- Author
- n0isy
- Downloads
- 121
- Categories
- Other
Jump to
Setting up with Highlight
This MCP is not yet compatible with Highlight’s one-click setup. However, you can still use it with Highlight by following these steps:
- Download and install Highlight from highlightai.com/download
- Navigate to the plugins tab and select "Add Custom Plugin"
-
Configure the plugin with the settings below
Plugin Name
Mcp Icon VisualCommand (node, npx, python, etc.)Please refer to the README for specific instructions on how to obtain API keys or other required environment variables.
- Enable "Start Automatically" if you want the plugin to start when Highlight launches
From the repository
{
"mcpServers": {
"icon-visual": {
"command": "npx",
"args": [
"-y",
"@br-ai-n/mcp-icon-visual"
]
}
}
}
get_svg
Retrieve raw SVG markup from any source. Returns the complete SVG string. Use this to inspect or modify SVG content before passing to render_grid.
render_grid
Render 1-16 SVGs onto a 4x4 comparison grid (512x512, cells 0-15). Uses the same grid layout as search_icons for pixel-perfect visual comparison. Typical uses: compare icon variants side-by-side, preview local project icons alongside search results, show multiple iterations of a design.
search_icons
Semantic icon search. Returns a 4x4 PNG grid (512x512, cells 0-15) and a mapping of cell numbers to SVG URLs. Use cell numbers to reference icons in subsequent get_svg and render_grid calls.
Claude Desktop / Cursor
Paste into your MCP client config file to install this server.
{
"mcpServers": {
"mcp icon visual": {
"icon-visual": {
"command": "npx",
"args": [
"-y",
"@br-ai-n/mcp-icon-visual"
]
}
}
}
}
McpServers
{
"icon-visual": {
"command": "npx",
"args": [
"-y",
"@br-ai-n/mcp-icon-visual"
]
}
}
Sign in to leave a review
Use Google, GitHub, or an email account so ratings stay tied to real people.
No reviews posted yet.



