# Kendo UI for Angular Icon List

You can choose from more than 400 high-quality, built-in font icons included in the Kendo UI for Angular suite. The icons cover a wide range of categories and use cases.

The following list shows all available font icons. Search by name or filter by category to find the icon you need. Each entry displays the icon name and its Unicode code point.

[Demo Source](https://demos.telerik.com/kendo-angular-ui/demos/icons/icon/list/source.txt)

## Using a Font Icon from the List

After finding the icon you need, pass its name to the [Icon component](https://www.telerik.com/kendo-angular-ui/components/icons/api/iconcomponent) through the `name` property:

```html
<kendo-icon name="arrow-right"></kendo-icon>
```

To bind the icon name dynamically, use a property binding:

```html
<kendo-icon [name]="arrowRightIcon"></kendo-icon>
```

```ts
public arrowRightIcon = 'arrow-right';
```

## Suggested Links

* [Override Built-in Font Icons of the Kendo Angular Components](https://www.telerik.com/kendo-angular-ui/components/knowledge-base/override-icons)
* [API Reference of the Icon](https://www.telerik.com/kendo-angular-ui/components/icons/api/iconcomponent)
* [Icon Settings](https://www.telerik.com/kendo-angular-ui/components/icons/icon-settings)
* [Icon Styling](https://www.telerik.com/kendo-angular-ui/components/styling/icons)