appsActions
IconButton
40px round button carrying a single 24px icon, for compact repeated actions.
Live preview
Reference specimen. Example copy comes from the Pelote specs and is in French.
ExpressiveRéférence
Rafraîchir les conteneurs
UX / UIRègles illustrées
check_circleÀ faire
Fermer
Icône universelle, aria-label et tooltip au survol.cancelÀ éviter
Une rangée d'icônes métier sans libellé : personne ne devine « Rebuild » ou « Firewall ».Variante M3EMême composant, mêmes rôles, autre matière
infoReference specimen. Example copy comes from the Pelote specs and is in French.
A 40px round button carrying a single 24px icon, for compact repeated actions (close, menu, refresh).
Rules
- Variants: standard (transparent, on-sv), tonal, filled, outlined.
- 40px on the web, 48px (lg) on mobile.
- An icon-only action must be universal (close, search, plus). Otherwise use a button with a label. Always provide an aria-label.