Angular-Icon-Bibliothek (set-agnostisch) | ng-hub-ui-icons
Set-agnostische Angular-Icons: rendere Font Awesome, Bootstrap Icons, Material Symbols, Solar oder eigene SVGs über eine <hub-icon> / [hubIcon]-API, thematisiert mit CSS-Variablen.
Interaktive Beispiele
Erkunde Live-Beispiele, die zeigen, wie sich die Bibliothek in gängigen Angular-Anwendungsfällen verhält.
Icons rendern
Rendere jedes Icon-Set über eine API — Packs, Varianten und die [hubIcon]-Direktive.
Einrichtung
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
Eigenes SVG
SVG-Sprite
Bild
Varianten
FA solid / regular
MS outlined/round/sharp
Theming & Integration
Thematisiere jedes Pack mit --hub-icon-*-Tokens und rendere Icons in anderen ng-hub-ui-Komponenten.
Theming
Button-Integration