> For the complete documentation index, see [llms.txt](https://docs.wisej.com/extensions/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.wisej.com/extensions/icon-packs/vaadinicons-iconpack.md).

# VaadinIcons

636 cool and free icons from [Vaadin](https://vaadin.com/components/vaadin-icons). All the icons are in svg format, monochrome, and in a single assembly. Use it by adding the Wisej.Ext.VaadinIcons to the project references and select the icon using the image editor at design time. You can refer to the icons by code using VaadinIcons.\[Icon Name].

Source Code: <https://github.com/iceteagroup/wisej-extensions/tree/master/Wisej.Ext.VaadinIcons>

![](/files/-MMNKoVu5EkDtZ2v4XAa)

## How to Use

### Deploy the icon pack

All you need to deploy is the Wisej.Ext.VaadinIcons.dll.

### Use the icons in code

Add a reference to Wisej.Web.VaadinIcons.dll to your project and compile. All the icons will be available in the[ icon picker](/extensions/introduction/extension-types.md#icon-pack). To use the icons in code, simply refer to the Icon Pack name and the icon name like this:

{% tabs %}
{% tab title="C#" %}

```csharp
this.button1.ImageSource = Wisej.Ext.VaadinIcons.Icons.Alarm;
```

{% endtab %}

{% tab title="VB.NET" %}

```php
Me.button1.ImageSource = Wisej.Ext.VaadinIcons.Icons.Alarm
```

{% endtab %}
{% endtabs %}