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.
Styles
Mixins et styles
Override the `--hub-icon-*` design tokens in a single include. Every parameter is OPTIONAL and defaults to `null`: only the parameters you pass are emitted, so the rest keep the defaults. `color` defaults to `currentColor`, so an icon inherits its surrounding text colour unless themed. Token-based and self-contained.
Theming with hub-icon-theme
| Mixin | Paramètres | Description |
|---|---|---|
| Theming | ||
hub-icon-theme() | $color--hub-icon-color$size--hub-icon-size$weight--hub-icon-weight$fill--hub-icon-fill$grade--hub-icon-grade$optical-size--hub-icon-optical-size | One-call token theming for `<hub-icon>` / `[hubIcon]` |
Variables CSS
Personnalisez chaque pixel avec 6 variables CSS. Remplacez-les au niveau de :root ou limitez-les à un conteneur.
Icon
Design tokens read by this component. Override them on the host element (or any ancestor) to customize; every default falls back to the ng-hub-ui-ds layer.
| Variable | Par défaut | Type | Description |
|---|---|---|---|
--hub-icon-size | 1em | length | Taille de l'icône (font-size pour les glyphes ; largeur/hauteur pour le SVG). |
--hub-icon-color | currentColor | color | Couleur de l'icône (color pour les glyphes ; fill pour le SVG). |
--hub-icon-fill | 0 | color | Axe FILL de Material Symbols. |
--hub-icon-weight | 400 | string | Axe wght de Material Symbols. |
--hub-icon-grade | 0 | string | Axe GRAD de Material Symbols. |
--hub-icon-optical-size | 24 | length | Axe opsz de Material Symbols. |