Icons

Lumo Icons
Vaadin Icons

Usage

Vaadin Icons is a set of 600+ icons designed for web applications.

Source code

vaadin-icons.tsimport '@vaadin/vaadin-icons/vaadin-icons';
import './icons-preview';

export default class VaadinIcons extends HTMLElement {
  connectedCallback() {
    this.innerHTML = `<icons-preview name="vaadin"></icons-preview>`;
  }
}

customElements.define('vaadin-icons', VaadinIcons);
vaadin-icons.ts

The icons are drawn on a 16×16 pixel canvas.

Usage

In server-side views (Flow/Java):

Source code

JavaIcon icon = new Icon(VaadinIcon.PHONE);

D0CBDDD4-42A0-42EB-9AFD-53256AA67BCE

Docs

Docs

Icons

Usage