Стандартные иконки

LIVE DEMO

Есть два стандартных набора иконок: 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());