MIT • utility-first • design-system ready

Radix Icons: утилитарный набор

Radix Icons: Небольшой, но очень практичный интерфейсный набор без лишней экзотики. Лицензия MIT, стиль utility outline, лучше всего подходит для design systems и component libraries. В каталоге есть живой поиск по имени и тематические фильтры.

~300 icons MIT utility outline design systems и component libraries

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

Набор от команды Radix UI: строгий, утилитарный и очень удобный именно для интерфейсных компонентов, а не для декоративной иллюстративности.

Если строите design system и любите предсказуемые интерфейсные пиктограммы, Radix Icons могут попасть в яблочко.

Пакет
@radix-ui/react-icons
Лицензия
MIT
Стиль
utility outline
Лучше всего для
design systems и component libraries
Размер каталога
~300 icons

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

Когда выбирать Radix Icons

Radix Icons стоит рассматривать, если для проекта важны design systems и component libraries, живой каталог React-компонентов и понятная лицензия MIT.

Если вам нужен прежде всего другой визуальный характер или совсем другой сценарий использования, посмотрите также: Heroicons (24/outline), Lucide React, GitHub Octicons.

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

Гайды и право

Похожие библиотеки

FAQ

Для чего подходит Radix Icons?

Radix Icons лучше всего подходит для сценариев, где нужен design systems и component libraries. По стилю это utility outline, а лицензия — MIT.

Как подключить Radix Icons в React-проекте?

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

С какими библиотеками чаще сравнивают Radix Icons?

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

JavaScript-enhanced каталог

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

Пакет: @radix-ui/react-icons • Импорт: @radix-ui/react-icons