MIT • 6 weights • живой preview

Phosphor: полный каталог

phosphor-icons/react: Подходит, когда хочется много иконок и быструю смену характера интерфейса. Лицензия MIT, стиль multi-weight, лучше всего подходит для богатый выбор и вариативность. В каталоге есть живой поиск по имени и тематические фильтры.

~1.5k компонентов / 9k+ вариантов MIT multi-weight богатый выбор и вариативность

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

Набор с очень широким покрытием и шестью весами начертания. На странице можно менять weight вживую и сразу смотреть, как иконки ведут себя в разных стилях.

У Phosphor около 1513 уникальных компонентов, а с шестью весами это больше 9000 визуальных вариантов.

Пакет
@phosphor-icons/react
Лицензия
MIT
Стиль
multi-weight
Лучше всего для
богатый выбор и вариативность
Размер каталога
~1.5k компонентов / 9k+ вариантов

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

Когда выбирать @phosphor-icons/react

@phosphor-icons/react стоит рассматривать, если для проекта важны богатый выбор и вариативность, живой каталог React-компонентов и понятная лицензия MIT.

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

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

FAQ

Для чего подходит @phosphor-icons/react?

@phosphor-icons/react лучше всего подходит для сценариев, где нужен богатый выбор и вариативность. По стилю это multi-weight, а лицензия — MIT.

Как подключить @phosphor-icons/react в React-проекте?

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

С какими библиотеками чаще сравнивают @phosphor-icons/react?

@phosphor-icons/react чаще сравнивают с Lucide React, Tabler Icons React, Remix Icon React. В ICON-HUB для этого есть отдельные страницы сравнений и соседние каталоги.

JavaScript-enhanced каталог

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

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