Angular 图标库（与图标集无关）| ng-hub-ui-icons
与图标集无关的 Angular 图标：通过一个 <hub-icon> / [hubIcon] API 渲染 Font Awesome、Bootstrap Icons、Material Symbols、Solar 或你自己的 SVG，并用 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 组件中渲染图标。
主题
按钮集成