> Markdown version of [Vaadin Icons](https://vaadin.com/docs/v14/ds/foundation/icons/vaadin). Section index: [llms.txt](https://vaadin.com/docs/v14/ds/llms.txt)

# Vaadin Icons

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

`vaadin-icons.ts`

```typescript
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.

## <a id="usage"></a>Usage

In server-side views (Flow/Java):

```java
Icon icon = new Icon(VaadinIcon.PHONE);
```

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