MIT • Tailwind-friendly • outline showcase

Heroicons: витрина 24/outline

Heroicons (24/outline): Один из самых узнаваемых наборов для современных React/Tailwind-проектов. Лицензия MIT, стиль outline / solid, лучше всего подходит для аккуратный Tailwind-style UI. В каталоге есть живой поиск по имени и тематические фильтры.

~290 иконок на сет MIT outline / solid аккуратный Tailwind-style UI

Кратко о библиотеке

Очень популярный набор для аккуратных продуктовых интерфейсов. На этой странице показывается сет <code>24/outline</code>, а в самом пакете доступны ещё solid-варианты 24, 20 и 16 пикселей.

Если нравится эстетика Tailwind и чистые UI-формы без лишней декоративности, Heroicons почти всегда попадает в цель.

Пакет: @heroicons/react
Лицензия: MIT
Стиль: outline / solid
Лучше всего для: аккуратный Tailwind-style UI
Размер каталога: ~290 иконок на сет

Короткий ответ

Heroicons (24/outline) — outline / solid библиотека иконок для React и SVG.
Лицензия: MIT.
Лучше всего подходит для: аккуратный Tailwind-style UI.
Чаще всего сравнивают с: Lucide React, Radix Icons, Tabler Icons React.

Когда выбирать Heroicons (24/outline)

Heroicons (24/outline) стоит рассматривать, если для проекта важны аккуратный Tailwind-style UI, живой каталог React-компонентов и понятная лицензия MIT.

Если вам нужен прежде всего другой визуальный характер или совсем другой сценарий использования, посмотрите также: Lucide React, Radix Icons, Tabler Icons React.

Связанные сравнения, лицензии и материалы

Гайды и право

FAQ

Для чего подходит Heroicons (24/outline)?

Heroicons (24/outline) лучше всего подходит для сценариев, где нужен аккуратный Tailwind-style UI. По стилю это outline / solid, а лицензия — MIT.

Как подключить Heroicons (24/outline) в React-проекте?

Установите пакет @heroicons/react и импортируйте иконки из @heroicons/react/24/outline. В каталоге ICON-HUB есть пример импорта и живой просмотр компонентов.

С какими библиотеками чаще сравнивают Heroicons (24/outline)?

Heroicons (24/outline) чаще сравнивают с Lucide React, Radix Icons, Tabler Icons React. В ICON-HUB для этого есть отдельные страницы сравнений и соседние каталоги.

JavaScript-enhanced каталог

После загрузки страницы этот статический SEO-слой заменяется интерактивным каталогом: с ленивым рендером, поиском по имени, цветовыми настройками, примерами импорта и тематическими фильтрами.

Пакет: @heroicons/react • Импорт: @heroicons/react/24/outline