К основному содержанию
MCP-сервер CX Codex

Svg/icons MCP — MCP-сервер для Claude Code: поиск иконок и экспорт

Подключает ИИ-ассистента к каталогу из 320K+ открытых SVG-иконок: поиск, подбор под интерфейс, экспорт в PNG и коллекции.

Установить в Claude Code · Командой платформы: удалённый сервер Все способы и платформы ↓
claude mcp add --transport http mcp https://svgicons.com/mcp
Открыть на GitHub

Что делает Svg/icons MCP

Сервер удалённый, работает по Streamable HTTP на https://svgicons.com/mcp. Локально ставить нечего. Ассистент ищет иконки и наборы, читает метаданные и подбирает иконки под описание экрана или интерфейса. Всё это доступно без аккаунта.

Анонимные запросы ограничены по частоте, а на один поиск или подбор выдаётся не больше 10 иконок. Сырой SVG, экспорт PNG и работа с коллекциями требуют Pro: либо OAuth 2.0 с PKCE, либо scoped-токен в заголовке Authorization: Bearer YOUR_API_TOKEN. Токену выдавайте минимальный набор прав — для поиска хватит mcp:use и search:read, для сырого SVG добавьте icons:read.

Pro поднимает лимит поиска до 50 иконок и открывает 12 инструментов целиком: создание и чтение коллекций, добавление и удаление иконок, экспорт PNG и выгрузку коллекции в SVG-папки, спрайты, компоненты React/Vue/Svelte/Solid/Blade, галереи Storybook, npm-скаффолды, Iconify JSON и манифесты. Кастомные иконки в коллекции выгружаются своим снимком, а не подменяются каталожной версией.

Какие задачи решает

  • найти иконку по запросу или префиксу набора
  • подобрать иконки под описание экрана
  • выгрузить коллекцию в компоненты React
  • собрать PNG-пак из иконок
  • собрать спрайт или Iconify JSON

Примеры запросов агенту

  • Найди иконки для панели настроек и покажи метаданные
  • Подбери иконки под экран онбординга
  • Создай коллекцию иконок для проекта и выгрузи её в компоненты React

Как установить Svg/icons MCP

Командой платформы: удалённый сервер

claude mcp add --transport http mcp https://svgicons.com/mcp

По шагам, с командами для каждой платформы: Как подключить MCP-сервер: Claude Code, Codex, Cursor, VS Code, Gemini CLI и другие

Вопросы о Svg/icons MCP

Как установить Svg/icons MCP в Claude Code?

Выполните claude mcp add --transport http svgicons https://svgicons.com/mcp, затем запустите /mcp в Claude и завершите вход через OAuth. Для Pro-токена добавьте к команде --header "Authorization: Bearer YOUR_API_TOKEN".

Что делает Svg/icons MCP?

Даёт ассистенту доступ к каталогу открытых SVG-иконок: поиск по метаданным, подбор иконок под интерфейс, а с Pro — сырой SVG, экспорт PNG и постоянные коллекции иконок.

Что нужно для работы с сырым SVG и коллекциями?

Аккаунт Pro: OAuth 2.0 или scoped API-токен. Анонимно доступны только поиск, метаданные и рекомендации иконок.

Похожие MCP-серверы

Все MCP-серверы по теме «Фронтенд и UI» →
better-icons better-auth Ищет векторные значки в 200 каталогах через Iconify и скачивает SVG прямо из терминала или через вызовы агента. CX Codex +1 5 900установок morphing-icons raphael-salaja Скилл помогает создавать компоненты иконок, плавно перетекающих друг в друга за счёт трансформации трёх SVG-линий вместо обычного crossfade. CX Codex +1 362установок svg-art kv0906 Скилл для генерации SVG-графики кодом: иконки, паттерны, фракталы, диаграммы и графики через исполняемые Python-скрипты. CX Codex +1 510установок Keyline Icons keyline-icons Даёт агенту искать иконки по имени и отдавать готовый SVG или строку импорта для React. Пригодится, когда имя иконки надо угадать, а не подсмотреть. CX Codex +1 ★ 181звёзд репо icons-badges dylantarre Скилл для анимации иконок, бейджей, аватаров и статус-индикаторов. Пригодится, когда мелкие элементы интерфейса должны давать отклик и характер. CX Codex +1 537установок svg-icon-generator Jeremy Longshore Скилл для задач с SVG-иконками: подсказывает шаги, пишет код и проверяет результат. Включается сам, когда в запросе есть «svg». CX Codex +1 1 300установок

Спонсоры проекта

Компании, которые помогают держать аналитику открытой