Styleguide 06/2026 26.06.2026, 16:26
Redesign 06/2026
Anzeige
Labels
Klick auf den Code kopiert ihn in die Zwischenablage.
| Vorschau | Code |
|---|---|
| Green | <span class="u-label label--green">Green</span> |
| Blue | <span class="u-label label--blue">Blue</span> |
| Orange | <span class="u-label label--orange">Orange</span> |
| Gray | <span class="u-label label--gray">Gray</span> |
Icons
Klick auf den Code kopiert ihn in die Zwischenablage.
| Icon | Name | Code |
|---|---|---|
| book | <i class="u-icons icon--book"></i> | |
| certificate | <i class="u-icons icon--certificate"></i> | |
| clock-alarm | <i class="u-icons icon--clock-alarm"></i> | |
| cloud | <i class="u-icons icon--cloud"></i> | |
| coin-multiple | <i class="u-icons icon--coin-multiple"></i> | |
| gauge | <i class="u-icons icon--gauge"></i> | |
| heart | <i class="u-icons icon--heart"></i> | |
| home | <i class="u-icons icon--home"></i> | |
| library | <i class="u-icons icon--library"></i> | |
| lightbulb | <i class="u-icons icon--lightbulb"></i> | |
| lightbulb-filament | <i class="u-icons icon--lightbulb-filament"></i> | |
| link | <i class="u-icons icon--link"></i> | |
| link-multiple | <i class="u-icons icon--link-multiple"></i> | |
| list-bar | <i class="u-icons icon--list-bar"></i> | |
| location-ripple | <i class="u-icons icon--location-ripple"></i> | |
| lock-closed | <i class="u-icons icon--lock-closed"></i> | |
| megaphone-loud | <i class="u-icons icon--megaphone-loud"></i> | |
| mic | <i class="u-icons icon--mic"></i> | |
| molecule | <i class="u-icons icon--molecule"></i> | |
| news | <i class="u-icons icon--news"></i> | |
| notebook | <i class="u-icons icon--notebook"></i> | |
| paint-brush | <i class="u-icons icon--paint-brush"></i> | |
| paw | <i class="u-icons icon--paw"></i> | |
| people | <i class="u-icons icon--people"></i> | |
| people-community | <i class="u-icons icon--people-community"></i> | |
| person | <i class="u-icons icon--person"></i> | |
| pin | <i class="u-icons icon--pin"></i> | |
| planet | <i class="u-icons icon--planet"></i> | |
| premium | <i class="u-icons icon--premium"></i> | |
| question-circle | <i class="u-icons icon--question-circle"></i> | |
| receipt | <i class="u-icons icon--receipt"></i> | |
| reward | <i class="u-icons icon--reward"></i> | |
| ribbon | <i class="u-icons icon--ribbon"></i> | |
| send | <i class="u-icons icon--send"></i> | |
| shifts | <i class="u-icons icon--shifts"></i> | |
| trophy | <i class="u-icons icon--trophy"></i> | |
| video | <i class="u-icons icon--video"></i> | |
| weather-snowflake | <i class="u-icons icon--weather-snowflake"></i> | |
| weather-sunny-low | <i class="u-icons icon--weather-sunny-low"></i> | |
| wrench | <i class="u-icons icon--wrench"></i> |