Vadivam Icons

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

사용해야 할까요

품질 및 안전성

A
설명 품질
96%
스키마 완전성
86%
이름 품질
96%
오염 위험
100%
권한 일치
100%
프로토콜 준수
100%

도구 정의와 프로토콜 준수에 대한 자동 분석을 기반으로 합니다.

컨텍스트 비용

~1,525토큰 (도구 정의)
~2.8 KB일반적인 응답 크기
중간 정도의 주의 영향 (128k 컨텍스트의 1.19%)

이는 서버의 도구가 모델의 컨텍스트에 로드될 때마다 소비되는 대략적인 토큰 수입니다. 수치가 높을수록 다른 작업에 사용할 수 있는 주의가 줄어듭니다.

설치

원클릭 설치

`claude_desktop_config.json` 파일에 다음을 추가하세요:

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

실행 가능한 패키지

npmvadivam-mcp0.0.66stdio

원격 엔드포인트

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

할 수 있는 일

도구 목록

도구 (5)

🟢 읽기 전용🟡 쓰기🔴 삭제⚪ 알 수 없음
🟢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.

입력 스키마

{
  "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"
}

출력 스키마

{
  "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.

입력 스키마

{
  "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"
}

출력 스키마

{
  "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.

입력 스키마

{
  "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"
}

출력 스키마

{
  "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.

입력 스키마

{
  "type": "object",
  "properties": {},
  "$schema": "https://json-schema.org/draft/2020-12/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.

입력 스키마

{
  "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"
}

출력 스키마

{
  "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
}

커뮤니티

이 서버 평가하기

증거

최근 관측

검증됨버전이 기록되지 않음도구 5개