Keyline Icons — MCP-сервер для Claude Code: поиск иконок и SVG
Даёт агенту искать иконки по имени и отдавать готовый SVG или строку импорта для React. Пригодится, когда имя иконки надо угадать, а не подсмотреть.
claude mcp add mcp -- npx -y @keyline-icons/mcpЧто делает Keyline Icons
Сервер закрывает три вещи: поиск по набору, выдачу полного SVG и правильный импорт из @keyline-icons/react. Работает по stdio, ключ API не нужен, в сеть не ходит — весь набор лежит внутри пакета.
Имена в наборе составные и читаются от основы: иконка письма с галочкой называется mail-check, а не check-mail, контейнеры идут префиксом — square-arrow-down. Поиск ранжирует точное совпадение выше префикса, префикс выше границы слова, а то выше подстроки, поэтому check вернётся раньше двенадцати составных с этим корнем. Опечатки разбираются за один проход: сначала подстрокой, потом по расстоянию редактирования, потом по начальному сегменту — chekc подскажет check, а arow выведет на семейство arrow-*, хотя голой иконки arrow нет.
Отсутствие стиля — это ответ, а не ошибка. У bar-chart три открытых штриха без внутренней области, поэтому заливки у него нет, и инструмент так и скажет. Duotone и fill требуют замкнутого контура — он берётся из собственной замкнутой области глифа или из квадратного либо круглого контейнера. Начните с describe_set: он отдаёт счётчики, стили и правило, по которому иконке достаётся стиль.
Какие задачи решает
- найти иконку по неточному имени и не гадать с порядком слов
- получить готовый SVG для конкретного стиля и обработки углов
- подставить правильную строку импорта из
@keyline-icons/react - узнать, есть ли у иконки заливка, до верстки
- разобраться со стилями набора перед выбором иконок
Примеры запросов агенту
- Найди иконку письма с галочкой и покажи её SVG в стиле
regular. - Какие стили есть у
bar-chartи почему у неё нет заливки? - Дай импорт и JSX для
square-arrow-downиз@keyline-icons/react.
Как установить Keyline Icons
Командой платформы
claude mcp add mcp -- npx -y @keyline-icons/mcpКомандой платформы
codex mcp add mcp -- npx -y @keyline-icons/mcpФайл настроек
{
"mcpServers": {
"mcp": {
"command": "npx",
"args": [
"-y",
"@keyline-icons/mcp"
]
}
}
}Файл настроек
{
"servers": {
"mcp": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@keyline-icons/mcp"
]
}
}
}Командой платформы
gemini mcp add mcp npx -y @keyline-icons/mcpПо шагам, с командами для каждой платформы: Как подключить MCP-сервер: Claude Code, Codex, Cursor, VS Code, Gemini CLI и другие
Вопросы о Keyline Icons
Как установить Keyline Icons в Claude Code?
Одной командой: claude mcp add mcp -- npx -y @keyline-icons/mcp.
Что делает Keyline Icons?
Позволяет агенту искать иконки по имени, читать SVG и получать строку импорта для React. Набор поставляется внутри пакета, сеть и ключ не нужны.
Почему для иконки не нашлось нужного стиля?
Duotone и fill требуют замкнутой области — своей у глифа или от квадратного либо круглого контейнера. Если её нет, инструмент сообщит об этом прямо.
