io.github.praveenjuge由 GitHub 帳號 praveenjuge 發布v0.0.80更新於 Nov 5, 2026
Search 24px outline icons by name, tag, or category and get SVG or framework code.
搜尋 Vadivam 24px 圖示集，並回傳 SVG 或框架元件程式碼，供介面開發使用。
Web executable，透過 Streamable HTTP。 遠端服務在工作區中設定後即可從網頁執行環境執行。
把這段提示詞貼上到 Claude Code、Codex、Cursor 等代理程式，或 SourceWeft 對話中。代理程式會讀取該伺服器的安裝指南，先向你展示發布者、端點和登入方式，經你同意後再把它新增到你的客戶端。金鑰不會寫進任何命令。
閱讀 https://sourceweft.com/mcp/io.github.praveenjuge%2Fvadivam/install.md，並按其中說明把這個 MCP 伺服器接入我的客戶端。修改任何設定之前，先告訴我它的發布者、端點和登入方式，等我確認。不要把 API 金鑰寫進命令或我會提交的檔案；問我金鑰應從哪裡取得。把它新增到你客戶端的 mcpServers 設定中。
{
"mcpServers": {
"vadivam-icons": {
"type": "http",
"url": "https://vadivam.praveenjuge.com/mcp"
}
}
}An MCP server for searching 24px outline and solid icons and getting SVG or framework code. AI agents use it to find the right Vadivam icon by name, synonym, or category instead of guessing names.
Browse icons · MCP docs · Source · GitHub
[npm version] [downloads] [license]
Use the hosted server, with nothing to install:
Or run it locally over stdio. The icon data ships inside the package, so it works offline and matches this release:
To host it yourself, createVadivamServer() returns a fresh McpServer and createVadivamHttpHandler() wraps it in a stateless Streamable HTTP handler for Cloudflare Workers, Deno, or Bun:
Package family: SVG and JavaScript · React · React Native · Vue · Svelte · Solid · Angular · Astro · Preact · Qwik · Lit · Flutter · Jetpack Compose
來源：packages/vadivam-mcp/README.md，提交 15560c6
Search icons
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.
limitquery必填categorySuggest icons for a UI
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.
perConceptdescription必填Get icon code
Get one icon, outline or solid, 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.
name必填sizecolorstyleformatstrokeWidthabsoluteStrokeWidthList categories
List every icon category with its id, title, description, and icon count. Pass an id to search_icons as category.
無需輸入參數。
Get framework usage
Install command, import example, dynamic icon API, and docs link for a framework package, or "core" for raw SVG and JavaScript.
framework必填已滿足適用檢查項的 100%
該評分衡量此收錄條目的完整程度，依據註冊中心條目、端點與公開來源計算得出。它不是對伺服器本身的評價，也不表示伺服器安全或目前可用：可連通性是帶日期的檢查結果，評分也不包含安裝量或使用者評價。
claude mcp add --transport http vadivam https://vadivam.praveenjuge.com/mcpclaude mcp add vadivam -- npx -y vadivam-mcp{ "mcpServers": { "vadivam": { "command": "npx", "args": ["-y", "vadivam-mcp"] } }}import { createVadivamHttpHandler } from "vadivam-mcp";
export default createVadivamHttpHandler();