Conecta tu IA a ycon.cc

ycon.cc habla el Model Context Protocol. Apunta tu asistente de IA a una sola URL y podrá buscar entre más de 300 000 iconos open source y darte código listo para pegar en tu framework.

https://ycon.cc/mcp

Streamable HTTP, JSON-RPC por POST. Sin autenticación, sin clave API, sin registro.

Añade el servidor a tu cliente

Elige tu cliente y pega. No hace falta nada más.

Claude Code
claude mcp add --transport http ycon https://ycon.cc/mcp
Claude Desktop — claude_desktop_config.json
{
  "mcpServers": {
    "ycon": {
      "type": "http",
      "url": "https://ycon.cc/mcp"
    }
  }
}

Las versiones antiguas de Claude Desktop no hablan HTTP directamente. Usa el puente mcp-remote:

Claude Desktop — mcp-remote
{
  "mcpServers": {
    "ycon": {
      "command": "npx",
      "args": ["-y", "mcp-remote", "https://ycon.cc/mcp"]
    }
  }
}
Cursor — .cursor/mcp.json
{
  "mcpServers": {
    "ycon": {
      "url": "https://ycon.cc/mcp"
    }
  }
}
VS Code — .vscode/mcp.json
{
  "servers": {
    "ycon": {
      "type": "http",
      "url": "https://ycon.cc/mcp"
    }
  }
}
curl
curl -sS -X POST https://ycon.cc/mcp \
  -H 'Content-Type: application/json' \
  -d '{"jsonrpc":"2.0","id":1,"method":"tools/list"}'

Lo que tu asistente puede hacer

Siete herramientas. El asistente elige entre ellas por su cuenta — tú solo describes el icono que quieres.

search_icons
Busca iconos por significado y filtra por estilo, colección o licencia. Devuelve identificadores, nunca marcado, así que es barata de llamar varias veces.
get_icon_code
Fragmentos de instalación, importación y uso de un icono en cualquiera de los 13 frameworks admitidos, con su licencia y atribución.
get_icon_svg
El marcado SVG en bruto de un icono, opcionalmente redimensionado y recoloreado.
preview_icons
Renderiza hasta 12 candidatos en una sola imagen con leyenda, para que el modelo los vea antes de elegir.
preview_icon
Un renderizado más grande de un icono, para comprobar el detalle.
list_icon_sets
Las colecciones disponibles, con sus prefijos, licencias y número de iconos.
list_icon_styles
Los valores de estilo por los que puedes filtrar — outline, solid, duotone y seis más.

Cómo se ve una petición

Pídele a tu asistente algo como: Búscame un icono de carrito de la compra para mi app de React, estilo outline, licencia MIT. Entonces:

  1. llamará a search_icons con esa consulta y esos filtros;
  2. llamará a preview_icons con los mejores candidatos y los mirará de verdad;
  3. llamará a get_icon_code para el ganador y pegará el fragmento de React en tu proyecto, con la licencia anotada.

Límites de uso

El endpoint es público, así que está medido. Los límites están pensados para un asistente resolviendo una tarea, no para un rastreador:

Cada respuesta lleva X-RateLimit-Limit, X-RateLimit-Remaining y X-RateLimit-Reset. Un cliente bien educado los lee y regula su ritmo.

Al pasarte del límite recibes un error JSON-RPC y una cabecera Retry-After con los segundos que hay que esperar.

Licencias

Los iconos son trabajo open source de terceros y conservan sus propias licencias. Cada respuesta incluye el identificador SPDX y la atribución de la colección de la que procede el icono. Cumplirlas es cosa tuya, no nuestra.

Los clientes de navegador no están admitidos

El endpoint no envía cabeceras CORS y rechaza las peticiones cross-site — eso es justo lo que lo hace seguro sin clave API. Claude Code, Claude Desktop, Cursor y VS Code se conectan fuera del navegador, así que esto no afecta a nadie que use las configuraciones de arriba.

Qué registramos

En cada llamada registramos estadísticas de uso anónimas — qué herramienta se usó, la consulta de búsqueda y el tiempo de respuesta — para mantener el servicio en marcha. Sin claves API, sin cuentas, y las direcciones IP se anonimizan.

Más en nuestra política de cookies