默认图标

有两组默认的图标：Vaadin 和 Lumo。

在线示例

声明式用法

为带有 icon 属性的组件设置图标。使用 vaadin: 和 lumo: 前缀引用不同分组内的图标。

<icon icon="vaadin:user"/>
<icon icon="lumo:user"/>

当通过组件属性面板配置图标时，在 Choose Icon 对话框中会显示图标的名称和预览，以便进行选择：

choose icon dialog

编程式用法

组件的图标也可以编程式设置：

iconButton1.setIcon(VaadinIcon.USER.create());
iconButton2.setIcon(LumoIcon.USER.create());