默认图标

在线示例

有两组默认的图标：Vaadin 和 Lumo。可以从 在线示例 中查看这两个图标集中的所有图标。

声明式用法

为带有 icon 属性的组件设置图标。使用 vaadin: 和 lumo: 前缀引用不同分组内的图标。如果不带前缀，则默认使用 Vaadin 图标集。

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

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

choose icon dialog

编程式用法

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

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