> Markdown version of [Icon](https://vaadin.com/docs/v10/flow/components/tutorial-flow-icon). Section index: [llms.txt](https://vaadin.com/docs/v10/flow/llms.txt)

# Icon

## <a id="overview"></a>Overview

`Icon` is for displaying an icon from [vaadin-icons](https://vaadin.com/components/vaadin-icons) or another icon collection (see [iron-iconset-svg](https://vaadin.com/directory/component/polymerelementsiron-iconset-svg)).

## <a id="using-icon"></a>Using Icon

`Icon` is normally used with the default `VaadinIcon` enumeration which maps all the icons from [vaadin-icons](https://vaadin.com/components/vaadin-icons), e.g.

```java
Icon icon = VaadinIcon.VAADIN_H.create();
new Button("Vaadin", icon);
```

You can also create an `Icon` from other collections, e.g.

```java
Icon icon = new Icon("lumo", "clock");
new Button("Clock", icon);
```