Docs

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

Docs

Icons

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.

Usage

In server-side views (Flow/Java):

Icon icon = new Icon(VaadinIcon.PHONE);

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