Librería de iconos para Angular (agnóstica) | ng-hub-ui-icons
Iconos para Angular agnósticos al set: renderiza Font Awesome, Bootstrap Icons, Material Symbols, Solar o tus propios SVG con una sola API <hub-icon> / [hubIcon], tematizados con variables CSS.
Ejemplos interactivos
Explora ejemplos en vivo que muestran cómo se comporta la librería en casos de uso habituales de Angular.
Renderizado de iconos
Renderiza cualquier set de iconos con una sola API — packs, variantes y la directiva [hubIcon].
Configuración
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 propio
Sprite SVG
Imagen
Variantes
FA solid / regular
MS outlined/round/sharp
Theming e integración
Tematiza todos los packs con tokens --hub-icon-* y renderiza iconos dentro de otros componentes de ng-hub-ui.
Theming
Integración con botones