Хаб выбора библиотек иконок для React и SVG

Сравнение библиотек иконок для React и SVG

Сравнение бесплатных библиотек иконок для React и SVG: Lucide, Phosphor, Heroicons, Tabler, Material, Iconoir, Simple Icons и другие наборы с лицензиями, стилями и живыми примерами.

📌 В каталоге сейчас 14 библиотек и 70 тематических фильтров в 10 кластерах.

Быстрый маршрут по хабу

Ниже — пять коротких маршрутов: открыть shortlist библиотек, сравнить кандидатов, зайти в baseline-каталог, перейти в use case или спокойно проверить trust/legal слой.

5 быстрых сценариев короткий путь до выбора SEO в HTML
Быстрый старт Сразу к библиотекам

Открыть shortlist и начать с четырёх самых частых кандидатов без лишнего скролла.

 Сравнение Посмотреть главные отличия

Обзорные и head-to-head страницы помогают быстрее отсечь лишние библиотеки.

 Практика Открыть Lucide как baseline

Самый быстрый путь в живой каталог с чистым outline-стилем и понятным product-fit.

 Use case Выбрать для дизайн-системы

Если задача уже понятна, лучше сразу идти в сценарный guide, а не в общий листинг.

 Право и trust Проверить лицензии и правила

Trust, legal и следующий шаг собраны в спокойный supporting-слой, который не спорит с основным browsing.

Сначала выберите библиотеку, потом углубляйтесь в гайды

Самый быстрый путь — открыть один из стартовых кандидатов ниже, сравнить стиль, лицензию и сценарий использования, а уже потом идти в comparison и legal-материалы.

Lucide React

Один из самых удобных универсальных наборов для веб‑приложений.

MIT outline ~1.7k иконок

@phosphor-icons/react

Подходит, когда хочется много иконок и быструю смену характера интерфейса.

MIT multi-weight ~1.5k компонентов / 9k+ вариантов

Heroicons (24/outline)

Один из самых узнаваемых наборов для современных React/Tailwind-проектов.

MIT outline / solid ~290 иконок на сет

Tabler Icons React

Большой системный набор с хорошим покрытием и предсказуемым стилем.

MIT outline 5k+ иконок
Ещё 10 библиотек и альтернативных стилей

Brands-only, utility-first и более нишевые наборы остаются в HTML, но не спорят с primary shortlist до тех пор, пока они действительно не понадобятся.

secondary browsebrands + nicheпо demand

Зачем это важно

LLM-чаты и AI-поиск чаще выбирают страницы с коротким ответом, явной методологией, понятным авторством и юридическими оговорками. Поэтому для ICON-HUB критично показывать, как именно сравниваются библиотеки и на какие официальные источники опирается проект.

Навигация по интенту: сравнение, use case и лицензии

Ниже собраны только самые полезные входы по интенту: comparison, use case и licensing-layer, а не длинный однотипный массив карточек.

Сравнения и shortlist

Если выбор идёт между несколькими библиотеками, начните с обзорных и head-to-head страниц.

comparisonshortlist
Открыть сравнения

Маршруты по use case

Для dashboard, design system, mobile UI и других сценариев лучше идти сразу в точечный guide.

use casescenario
Открыть use case

Лицензии и brand usage

Когда решение зависит от commercial use и логотипов, сначала проверьте legal-layer.

licensebrand usage
Проверить лицензии
Полный навигатор comparison, use case и licensing routes

Главные entry points уже вынесены выше, а остальной link-layer раскрывается только когда нужен более глубокий маршрут.

5 comparison5 use case2 legal

Сравнения

Когда shortlist уже сократился, comparison-страницы быстрее всего помогают убрать лишнее.

Use-case маршруты

Для dashboard, design system, mobile UI и других сценариев лучше идти сразу в точечные материалы.

Trust, legal и следующий шаг

Всё важное для trust и legal остаётся в HTML, но ниже подано короче и спокойнее: сначала сигналы доверия, потом документы и уже затем следующий коммерческий шаг.

Источники Official repo + LICENSE + README

Сначала первоисточник, затем editorial-вывод.

Авторство Редакция ICON-HUB

Основной контакт: business@icon-hub.ru; юридические и privacy-вопросы: legal@icon-hub.ru.

Brand usage UI icons ≠ логотипы

Бренды и trademark-права проверяются отдельным слоем.

Юрисдикция Базовая редакция для РФ

Обновлено 1 апреля 2026 года

Trust layer Как проверяем и обновляем ICON-HUB

Trust-слой отвечает на три вопроса: на что опираются выводы, кто отвечает за редакционную модель и куда писать, если нужна правка.

методологияauthoringcontact
  • Official repo, LICENSE и README остаются источником №1.
  • Методология, authoring-model и контакт видны пользователю и crawler-слою.
  • Короткие summaries и FAQ усиливают поиск и LLM, не превращая слой в шум.

Как работает проект

Авторство и контакт

Сообщить об ошибке
Legal layer Лицензии, brand usage и документы сайта

Правовой слой остаётся индексируемым, но теперь сгруппирован по смыслу: сначала licensing-practice и brand usage, затем site docs и базовые оговорки.

licensebrand usagesite docs
  • MIT, Apache 2.0 и CC0 — baseline, но не замена brand guidelines.
  • UI-иконки и логотипы сервисов нельзя считать одним правовым режимом.
  • Перед production-проверкой смотрите LICENSE, README, NOTICE и официальный сайт библиотеки.

Практика и лицензии

Документы сайта

Следующий шаг

Услуги и сотрудничество

Когда shortlist уже собран или возник спорный legal/brand case, следующий слой — аудит, стандартизация или прозрачный sponsor-format для релевантного продукта.

ShortlistAuditSponsorship
Открыть предложениеПартнёрский формат