CSS-only icons with a variety of shapes and styles, using custom element <ui-icon>.
See Accordion for examples of state-based icons — on [open] and :checked.
With opposite color-scheme
Icon direction: rtl
SVG Icons
When using SVG-based icons, use class="ui-icon" instead of custom element.
Use modifiers --[xl,lg,md,sm]-stroke for stroke-widths: