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"
Shorthandname="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

Glyphs
Families
FILL axis

Solar

Bold
Families

自定义 SVG

SVG 精灵图

图片

es flagfr flagde flagjp flagus flagbr flag
es flages flages flag

变体

FA solid / regular
MS outlined/round/sharp

主题

按钮集成