Bibliothèque d'icônes Angular (agnostique) | ng-hub-ui-icons

Icônes Angular indépendantes du jeu : affichez Font Awesome, Bootstrap Icons, Material Symbols, Solar ou vos propres SVG via une seule API <hub-icon> / [hubIcon], thématisées par variables CSS.

Exemples interactifs

Explorez des exemples en direct qui montrent comment la bibliothèque se comporte dans les cas d’usage Angular courants.

Configuration

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

Cet exemple contient des tests. Ouvrez-le dans un environnement de développement pour les exécuter.

Material Symbols

Cet exemple contient des tests. Ouvrez-le dans un environnement de développement pour les exécuter.

Solar

Cet exemple contient des tests. Ouvrez-le dans un environnement de développement pour les exécuter.

SVG personnalisé

Cet exemple contient des tests. Ouvrez-le dans un environnement de développement pour les exécuter.

Sprite SVG

Cet exemple contient des tests. Ouvrez-le dans un environnement de développement pour les exécuter.

Image

Cet exemple contient des tests. Ouvrez-le dans un environnement de développement pour les exécuter.

Variantes

Cet exemple contient des tests. Ouvrez-le dans un environnement de développement pour les exécuter.

Directive

Cet exemple contient des tests. Ouvrez-le dans un environnement de développement pour les exécuter.

Thématisation

Cet exemple contient des tests. Ouvrez-le dans un environnement de développement pour les exécuter.

Intégration aux boutons

Cet exemple contient des tests. Ouvrez-le dans un environnement de développement pour les exécuter.