Библиотека иконок для Angular (агностичная) | ng-hub-ui-icons
Иконки Angular, не зависящие от набора: отрисовка Font Awesome, Bootstrap Icons, Material Symbols, Solar или собственных SVG через единый API <hub-icon> / [hubIcon] с темизацией CSS-переменными.
Интерактивные примеры
Изучите живые примеры, показывающие, как библиотека ведёт себя в типичных сценариях использования Angular.
Отрисовка иконок
Отрисовывайте любой набор иконок через единый API — паки, варианты и директива [hubIcon].
Настройка
Default pack (fa)
<hub-icon name="house" />Explicit pack="bi"
pack="bi"Explicit pack="ms"
pack="ms"Shorthand
name="fa:brands:github"Built-in presets — load the set's stylesheet once, then register its pack. Any other set works via a custom pack.
Font Awesome
Solid
Regular
Brands
Spin
Bootstrap Icons
Outline
Filled (-fill)
Material Symbols
Glyphshome
Families
FILL axis
Solar
Bold
Families
Свой SVG
SVG-спрайт
Изображение
Варианты
FA solid / regular
MS outlined/round/sharp
Темизация и интеграция
Темизируйте каждый пак токенами --hub-icon-* и отображайте иконки внутри других компонентов ng-hub-ui.
Темизация
Интеграция с кнопками