Better Icons MCP
Поиск и вставка иконок из более чем 150 коллекций Iconify как MCP-сервер, CLI и скилл, с записью SVG прямо в файл проекта
- 1 476 ★ репозитория
- Последний коммит
- MIT
Расширенный доступ
Почему такой уровень
- Пишет файлы иконок в проект и обращается к сети за данными Iconify
Установка
- Работает в
В терминале, через SkillFoxx CLI
npx skillfoxx add mcp/better-iconsОпределит агенты на машине, покажет уровень доступа и зафиксирует версию.
Другие способы установки
Доступ и проверки
Как мы проверяемРасширенный доступИнструмент запускает код или ходит в сеть, а внешние данные только читает.
- Пишет файлы иконок в проект и обращается к сети за данными Iconify
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
Инструмент дает агенту доступ к каталогу Iconify: поиск по более чем 150 коллекциям, получение SVG по идентификатору вида prefix:name, список коллекций и подбор иконки под задачу. Иконки можно записывать прямо в файл иконок проекта в форматах tsx, ts или js, а не вставлять SVG в переписку, что экономит токены. Есть пакетная выдача, поиск похожих иконок в других коллекциях и запоминание тех, что вы уже использовали. Работает тремя способами: как MCP-сервер для агентов, как CLI в терминале и как скилл с файлом SKILL.md. Ключ и учетная запись не нужны, экспорт поддерживает React, Vue, Svelte, Solid и чистый SVG.
Для кого. Для фронтенд-разработчиков и дизайнеров, которым нужны иконки под проект без ручного поиска на сайтах.
Подходит, если
- Нужна иконка прямо во время верстки без перехода в браузер
- Нужно держать единый стиль иконок из одной коллекции
- Нужно писать SVG в файл проекта, а не вставлять его в переписку
Не подходит, если
- Нужна уникальная иллюстрация, которой нет в коллекциях Iconify
- Нет доступа к сети, а данные Iconify недоступны локально
Пример запроса к агенту
Найди иконку корзины в коллекции lucide и вставь ее в мой файл иконокMCP
- Транспорт
- stdio
- Авторизация
- не нужна
Ограничения
Инструмент опирается на данные Iconify, поэтому нужен доступ к сети. Иконки подчиняются лицензиям своих коллекций, это стоит проверять перед использованием в продукте. Своих иконок инструмент не рисует, только выдает то, что есть в каталоге.
Как отключить. Удалите запись better-icons из конфигурации MCP, снимите глобальный пакет через npm uninstall -g better-icons или уберите папку скилла.
Частые вопросы
Нужен ли ключ или регистрация?
Нет. Инструмент берет иконки из Iconify, ключ и учетная запись не требуются, нужен только доступ к сети.
Чем отличаются способы установки?
MCP-сервер добавляет иконочные инструменты агенту, CLI работает в терминале, скилл с SKILL.md описывает те же команды для агентной среды.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
MCP-серверыMCP-сервер ищет иконку coolicons по смыслу и отдает SVG с готовым импортом: агент не выдумывает имена, сборка не падает
MCP-сервер и скилл для набора из тысяч брендовых SVG-иконок: агент ищет и вставляет иконки без ключа
MCP-сервер набора Keyline Icons: агент ищет иконку по имени, берет SVG и готовый импорт React без угадывания названий
MCP-сервер и CDN с иконками сервисов: подбирает логотипы к docker-compose.yml и отдает SVG, PNG и WEBP
MCP-сервер и плагин ищут значки Microsoft Fluent UI по смыслу и отдают точные имена React-компонентов вместе с кодом.
MCP-сервер и скилл для интерфейсов: 31 дизайн-система для shadcn/ui, принципы UI и UX и проверка доступности для кода агента
Коротко о README
README описывает инструмент для поиска и получения иконок Iconify (больше 200 000 иконок в 150 с лишним коллекциях), который работает как MCP-сервер, CLI и скилл. Быстрый старт предлагает добавить скилл через npx skills add, настроить MCP командой npx better-icons setup или поставить CLI глобально. Перечислены инструменты MCP: search_icons, get_icon, list_collections, recommend_icons и просмотр предпочтений. Отдельно описана запись иконок прямо в файл проекта, пакетная выдача, поиск похожих и запоминание использованных коллекций. Приведены фрагменты ручной настройки для Cursor, Claude Code и других клиентов, лицензия MIT.