Iconoteka — MCP-сервер для Claude Code: поиск иконок и SVG
Даёт ассистенту доступ к 1400 иконкам в 7 начертаниях и 2 стилях. Вместо выдуманного пути он вернёт готовую SVG-разметку.
claude mcp add iconoteka -- npx -y iconoteka-mcpЧто делает Iconoteka
Ассистент часто рисует иконку по памяти и выдаёт кривой path. Здесь он ищет по каталогу Iconoteka и отдаёт настоящий SVG. Работает офлайн: данные иконок лежат внутри npm-пакета, сеть не нужна.
Внутри три инструмента. search_icons ищет по смыслу или имени и показывает, какие начертания и стили есть у иконки, плюс её синонимы. get_icon возвращает разметку одной иконки или сразу нескольких в одном вызове — до 24 штук, так что целая панель кнопок уходит одним запросом. list_categories перечисляет 23 категории с числом иконок в каждой.
Начертание задаётся параметром weight: thin, ultralight, light, regular, medium, semibold, bold — по умолчанию regular. Стиль — stroke или fill, по умолчанию stroke. У большинства иконок есть все 14 вариантов, у части только 7 или 8. Если попросить несуществующий вариант, сервер ответит, что использовать вместо него. Цвет берётся из currentColor, поэтому иконка наследует цвет текста вокруг. Лицензия MIT распространяется и на сервер, и на сами иконки, включая закрытые проекты; имя и логотип Iconoteka под неё не попадают.
Какие задачи решает
- вставить иконку в интерфейс, не выдумывая path вручную
- собрать SVG для целой панели кнопок одним запросом
- найти иконку по смыслу, а не по точному имени
- подобрать нужное начертание и стиль под макет
- узнать, какие категории иконок вообще есть в наборе
Примеры запросов агенту
- Найди иконку колокольчика для уведомлений, начертание medium
- Дай SVG для
bell,trashиpenв стиле stroke - Какие категории иконок есть в Iconoteka?
Как установить Iconoteka
Командой платформы
claude mcp add iconoteka -- npx -y iconoteka-mcpКомандой платформы
codex mcp add iconoteka-mcp -- npx -y iconoteka-mcpФайл настроек
{
"mcpServers": {
"iconoteka-mcp": {
"command": "npx",
"args": [
"-y",
"iconoteka-mcp"
]
}
}
}Файл настроек
{
"servers": {
"iconoteka-mcp": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"iconoteka-mcp"
]
}
}
}Командой платформы
gemini mcp add iconoteka-mcp npx -y iconoteka-mcpПо шагам, с командами для каждой платформы: Как подключить MCP-сервер: Claude Code, Codex, Cursor, VS Code, Gemini CLI и другие
Вопросы о Iconoteka
Как установить Iconoteka в Claude Code?
Одной командой: claude mcp add iconoteka -- npx -y iconoteka-mcp. Она добавляет сервер в область пользователя, то есть он будет доступен во всех проектах.
Что делает Iconoteka?
Это MCP-сервер с каталогом из 1400 иконок. Ассистент ищет по нему и получает готовую SVG-разметку вместо придуманного пути.
Нужен ли интернет или ключ API?
Нет. Данные иконок поставляются внутри npm-пакета, сервер работает офлайн.
