# 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 %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.wisej.com/extensions/icon-packs/vaadinicons-iconpack.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.