Angular アイコンライブラリ(セット非依存)| ng-hub-ui-icons

セット非依存の Angular アイコン:Font Awesome、Bootstrap Icons、Material Symbols、Solar、独自 SVG を 1 つの <hub-icon> / [hubIcon] API で描画し、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

ディレクティブ

テーマ

ボタン連携