Angular Icon Library (set-agnostic) | ng-hub-ui-icons
Icon-set-agnostic Angular icons: render Font Awesome, Bootstrap Icons, Material Symbols, Solar or your own SVGs through one <hub-icon> / [hubIcon] API, themed with CSS variables.
Interactive examples
Explore live examples that show how the library behaves in common Angular use cases.
Rendering icons
Render any icon set through one API — packs, variants and the [hubIcon] directive.
Setup
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
Custom SVG
SVG sprite
Image
Variants
FA solid / regular
MS outlined/round/sharp
Theming & integration
Theme every pack with --hub-icon-* tokens and render icons inside other ng-hub-ui components.
Theming
Button integration