Angular 图标库(与图标集无关)| ng-hub-ui-icons
与图标集无关的 Angular 图标:通过一个 <hub-icon> / [hubIcon] API 渲染 Font Awesome、Bootstrap Icons、Material Symbols、Solar 或你自己的 SVG,并用 CSS 变量设置主题。
交互式示例
探索实时示例,了解该库在常见 Angular 用例中的表现。
配置
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
主题
按钮集成