Tag matrix
Variant
Light
Dark
HC Solar Light
HC Solar Dark
neutral → Shape
square
Tag
Tag
Tag
Tag
rounded
Tag
Tag
Tag
Tag
neutral → Icon
none
Tag
Tag
Tag
Tag
with-icon
Tag
Tag
Tag
Tag
neutral → Combinations
square + none
Tag
Tag
Tag
Tag
square + with-icon
Tag
Tag
Tag
Tag
rounded + none
Tag
Tag
Tag
Tag
rounded + with-icon
Tag
Tag
Tag
Tag
brand → Shape
square
Tag
Tag
Tag
Tag
rounded
Tag
Tag
Tag
Tag
brand → Icon
none
Tag
Tag
Tag
Tag
with-icon
Tag
Tag
Tag
Tag
brand → Combinations
square + none
Tag
Tag
Tag
Tag
square + with-icon
Tag
Tag
Tag
Tag
rounded + none
Tag
Tag
Tag
Tag
rounded + with-icon
Tag
Tag
Tag
Tag
accent → Shape
square
Tag
Tag
Tag
Tag
rounded
Tag
Tag
Tag
Tag
accent → Icon
none
Tag
Tag
Tag
Tag
with-icon
Tag
Tag
Tag
Tag
accent → Combinations
square + none
Tag
Tag
Tag
Tag
square + with-icon
Tag
Tag
Tag
Tag
rounded + none
Tag
Tag
Tag
Tag
rounded + with-icon
Tag
Tag
Tag
Tag
success → Shape
square
Tag
Tag
Tag
Tag
rounded
Tag
Tag
Tag
Tag
success → Icon
none
Tag
Tag
Tag
Tag
with-icon
Tag
Tag
Tag
Tag
success → Combinations
square + none
Tag
Tag
Tag
Tag
square + with-icon
Tag
Tag
Tag
Tag
rounded + none
Tag
Tag
Tag
Tag
rounded + with-icon
Tag
Tag
Tag
Tag
warning → Shape
square
Tag
Tag
Tag
Tag
rounded
Tag
Tag
Tag
Tag
warning → Icon
none
Tag
Tag
Tag
Tag
with-icon
Tag
Tag
Tag
Tag
warning → Combinations
square + none
Tag
Tag
Tag
Tag
square + with-icon
Tag
Tag
Tag
Tag
rounded + none
Tag
Tag
Tag
Tag
rounded + with-icon
Tag
Tag
Tag
Tag
danger → Shape
square
Tag
Tag
Tag
Tag
rounded
Tag
Tag
Tag
Tag
danger → Icon
none
Tag
Tag
Tag
Tag
with-icon
Tag
Tag
Tag
Tag
danger → Combinations
square + none
Tag
Tag
Tag
Tag
square + with-icon
Tag
Tag
Tag
Tag
rounded + none
Tag
Tag
Tag
Tag
rounded + with-icon
Tag
Tag
Tag
Tag
info → Shape
square
Tag
Tag
Tag
Tag
rounded
Tag
Tag
Tag
Tag
info → Icon
none
Tag
Tag
Tag
Tag
with-icon
Tag
Tag
Tag
Tag
info → Combinations
square + none
Tag
Tag
Tag
Tag
square + with-icon
Tag
Tag
Tag
Tag
rounded + none
Tag
Tag
Tag
Tag
rounded + with-icon
Tag
Tag
Tag
Tag