Icons
- Lumo Icons
- Vaadin Icons
These icons are designed to fit in with the default theme style.
The icons are drawn on a 24×24 pixel canvas. Each 24×24 canvas has a safe area of approximately 4 pixels around the icon – giving a 16×16 pixel active area for the icon itself – allowing for optimizing each icon for visual/optical balance.
Size
Use the icon size custom properties to set consistent sizes for all icons across your application. The Lumo icons are drawn on a 24×24 pixel canvas – the M size fits that by default.
Description | CSS Custom Property |
---|---|
Large icon | --lumo-icon-size-l: |
Medium icon | --lumo-icon-size-m: |
Small icon | --lumo-icon-size-s: |