Vadivam Icons

Search 24px outline icons by name, tag, or category and get SVG or framework code.

Sollte ich dies verwenden

Qualität und Sicherheit

A
Qualität der Beschreibung
96%
Vollständigkeit des Schemas
86%
Qualität der Benennung
96%
Risiko der Vergiftung
100%
Übereinstimmung der Berechtigungen
100%
Einhaltung des Protokolls
100%

Basierend auf einer automatisierten Analyse der Tool-Definitionen und der Einhaltung des Protokolls.

Kontextkosten

~1,525Tokens (Tool-Definitionen)
~2.8 KBTypische Antwortgröße
Mittlere Auswirkung auf die Aufmerksamkeit (1.19% von 128k Kontext)

Dies ist die ungefähre Anzahl der Tokens, die jedes Mal verbraucht werden, wenn die Tools des Servers in den Kontext eines Modells geladen werden. Höhere Werte verringern die Aufmerksamkeit, die für andere Aufgaben verfügbar ist.

Installieren

Installation mit einem Klick

Fügen Sie dies Ihrer Datei `claude_desktop_config.json` hinzu:

{
  "mcpServers": {
    "vadivam": {
      "command": "npx",
      "args": [
        "vadivam-mcp"
      ]
    }
  }
}

Ausführbare Pakete

npmvadivam-mcp0.0.66stdio

Remote-Endpunkte

https://vadivam.praveenjuge.com/mcpstreamable-http

Was es kann

Tool-Inventar

Tools (5)

🟢 Nur lesen🟡 Schreiben🔴 Löschen⚪ Unbekannt
🟢search_icons(query, limit, category)

Find Vadivam icons by name, synonym tag, or category. Ranked: exact name, then name prefix or word, then tag, then category. Call this before get_icon; never guess icon names.

Eingabe-Schema

{
  "type": "object",
  "properties": {
    "query": {
      "type": "string",
      "maxLength": 200,
      "description": "Words to match, such as \"arrow right\", \"delete\", or \"weather\". May be empty when category is set."
    },
    "limit": {
      "description": "Maximum results (default 20, max 100).",
      "type": "integer",
      "minimum": 1,
      "maximum": 100
    },
    "category": {
      "description": "Category id or title from list_categories, such as \"arrows\".",
      "type": "string",
      "maxLength": 100
    }
  },
  "required": [
    "query"
  ],
  "$schema": "https://json-schema.org/draft/2020-12/schema"
}

Ausgabe-Schema

{
  "type": "object",
  "properties": {
    "query": {
      "type": "string"
    },
    "category": {
      "type": "string"
    },
    "total": {
      "type": "number"
    },
    "results": {
      "type": "array",
      "items": {
        "type": "object",
        "properties": {
          "name": {
            "type": "string"
          },
          "componentName": {
            "type": "string"
          },
          "categories": {
            "type": "array",
            "items": {
              "type": "string"
            }
          },
          "tags": {
            "type": "array",
            "items": {
              "type": "string"
            }
          },
          "url": {
            "type": "string"
          }
        },
        "required": [
          "name",
          "componentName",
          "categories",
          "tags",
          "url"
        ],
        "additionalProperties": false
      }
    }
  },
  "required": [
    "query",
    "total",
    "results"
  ],
  "$schema": "https://json-schema.org/draft/2020-12/schema",
  "additionalProperties": false
}
🟢suggest_icons(description, perConcept)

Suggest icons for each thing a UI description mentions, such as "settings sidebar with search, profile, and logout". Splits on commas and words like "and" or "with", then ranks icons per concept. Pick one per concept, then call get_icon.

Eingabe-Schema

{
  "type": "object",
  "properties": {
    "description": {
      "type": "string",
      "minLength": 1,
      "maxLength": 500,
      "description": "A short description of the screen, feature, or list of actions that need icons."
    },
    "perConcept": {
      "description": "Candidates per concept (default 3, max 10).",
      "type": "integer",
      "minimum": 1,
      "maximum": 10
    }
  },
  "required": [
    "description"
  ],
  "$schema": "https://json-schema.org/draft/2020-12/schema"
}

Ausgabe-Schema

{
  "type": "object",
  "properties": {
    "description": {
      "type": "string"
    },
    "concepts": {
      "type": "array",
      "items": {
        "type": "object",
        "properties": {
          "concept": {
            "type": "string"
          },
          "results": {
            "type": "array",
            "items": {
              "type": "object",
              "properties": {
                "name": {
                  "type": "string"
                },
                "componentName": {
                  "type": "string"
                },
                "categories": {
                  "type": "array",
                  "items": {
                    "type": "string"
                  }
                },
                "tags": {
                  "type": "array",
                  "items": {
                    "type": "string"
                  }
                },
                "url": {
                  "type": "string"
                }
              },
              "required": [
                "name",
                "componentName",
                "categories",
                "tags",
                "url"
              ],
              "additionalProperties": false
            }
          }
        },
        "required": [
          "concept",
          "results"
        ],
        "additionalProperties": false
      }
    },
    "unmatched": {
      "type": "array",
      "items": {
        "type": "string"
      }
    }
  },
  "required": [
    "description",
    "concepts",
    "unmatched"
  ],
  "$schema": "https://json-schema.org/draft/2020-12/schema",
  "additionalProperties": false
}
🟢get_icon(name, format, size, strokeWidth, color, ...)

Get one icon as SVG, JSX, a framework component snippet, a data URI, CSS mask, Tailwind class, CDN URL, sprite, font, Iconify id, or shadcn command. Unknown names return the closest real names.

Eingabe-Schema

{
  "type": "object",
  "properties": {
    "name": {
      "type": "string",
      "maxLength": 100,
      "description": "Icon name from search_icons, such as \"arrow-right\" (PascalCase also works)."
    },
    "format": {
      "description": "Output format (default \"svg\"). Framework ids return an import snippet.",
      "type": "string",
      "enum": [
        "svg",
        "jsx",
        "react",
        "react-native",
        "vue",
        "svelte",
        "solid",
        "preact",
        "astro",
        "angular",
        "data-uri",
        "base64",
        "css-mask",
        "tailwind",
        "cdn",
        "sprite",
        "font",
        "iconify",
        "shadcn"
      ]
    },
    "size": {
      "description": "Width and height in pixels (default 24).",
      "type": "number",
      "exclusiveMinimum": 0,
      "maximum": 1024
    },
    "strokeWidth": {
      "description": "Stroke width (default 2).",
      "type": "number",
      "exclusiveMinimum": 0,
      "maximum": 24
    },
    "color": {
      "description": "Stroke color (default currentColor).",
      "type": "string",
      "maxLength": 64
    },
    "absoluteStrokeWidth": {
      "description": "Keep the stroke width constant when resizing.",
      "type": "boolean"
    }
  },
  "required": [
    "name"
  ],
  "$schema": "https://json-schema.org/draft/2020-12/schema"
}

Ausgabe-Schema

{
  "type": "object",
  "properties": {
    "name": {
      "type": "string"
    },
    "componentName": {
      "type": "string"
    },
    "format": {
      "type": "string"
    },
    "code": {
      "type": "string"
    },
    "install": {
      "type": "string"
    },
    "url": {
      "type": "string"
    }
  },
  "required": [
    "name",
    "componentName",
    "format",
    "code",
    "url"
  ],
  "$schema": "https://json-schema.org/draft/2020-12/schema",
  "additionalProperties": false
}
🟢list_categories

List every icon category with its id, title, description, and icon count. Pass an id to search_icons as category.

Eingabe-Schema

{
  "type": "object",
  "properties": {},
  "$schema": "https://json-schema.org/draft/2020-12/schema"
}

Ausgabe-Schema

{
  "type": "object",
  "properties": {
    "categories": {
      "type": "array",
      "items": {
        "type": "object",
        "properties": {
          "id": {
            "type": "string"
          },
          "title": {
            "type": "string"
          },
          "description": {
            "type": "string"
          },
          "iconCount": {
            "type": "number"
          }
        },
        "required": [
          "id",
          "title",
          "iconCount"
        ],
        "additionalProperties": false
      }
    }
  },
  "required": [
    "categories"
  ],
  "$schema": "https://json-schema.org/draft/2020-12/schema",
  "additionalProperties": false
}
🟢get_usage(framework)

Install command, import example, dynamic icon API, and docs link for a framework package, or "core" for raw SVG and JavaScript.

Eingabe-Schema

{
  "type": "object",
  "properties": {
    "framework": {
      "type": "string",
      "enum": [
        "core",
        "react",
        "react-native",
        "vue",
        "svelte",
        "solid",
        "preact",
        "astro",
        "angular"
      ],
      "description": "Framework id, or \"core\" for the vadivam SVG package."
    }
  },
  "required": [
    "framework"
  ],
  "$schema": "https://json-schema.org/draft/2020-12/schema"
}

Ausgabe-Schema

{
  "type": "object",
  "properties": {
    "framework": {
      "type": "string"
    },
    "label": {
      "type": "string"
    },
    "packageName": {
      "type": "string"
    },
    "install": {
      "type": "string"
    },
    "example": {
      "type": "string"
    },
    "dynamic": {
      "type": "string"
    },
    "docs": {
      "type": "string"
    }
  },
  "required": [
    "framework",
    "label",
    "packageName",
    "install",
    "example",
    "dynamic",
    "docs"
  ],
  "$schema": "https://json-schema.org/draft/2020-12/schema",
  "additionalProperties": false
}

Community

Diesen Server bewerten

Nachweis

Aktuelle Beobachtungen

verifiziertVersion nicht aufgezeichnet5 Tools