Documentation versions (currently viewingVaadin 14)

You are viewing documentation for an older Vaadin version. View latest documentation

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

Open in a
new tab
import '@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);

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


In server-side views (Flow/Java):

Icon icon = new Icon(VaadinIcon.PHONE);