# On-item-sliding option icons

**URL:** <https://forum.ionicframework.com/t/on-item-sliding-option-icons/58059>\
**Category:** ionic-v3\
**Created:** [July 20, 2016, 12:04pm UTC](https://forum.ionicframework.com/t/on-item-sliding-option-icons/58059 "2016-07-20T12:04:10Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![richardmarais](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/richardmarais/32/101456_2.png) [@richardmarais](https://forum.ionicframework.com/u/richardmarais)\
**Post date:** [July 20, 2016, 12:04pm UTC](https://forum.ionicframework.com/t/on-item-sliding-option-icons/58059/1 "2016-07-20T12:04:10Z")

</div>

Hi All,

When I create an **`on-item-sliding`** , it has two **options** _Message_ and _Favourite_. As you can see below. _Message_ works perfectly, and displays the icon on the button. _Favourite_ however does not display the icon. What list of icons are available for the **options** of an **`on-item-sliding`**?

Thank you

```
  <ion-list>
    <ion-item-sliding *ngFor="let result of employeeModels">
      <ion-item>
        <h2>{{result.firstName}}</h2>
      </ion-item>
      <ion-item-options>
        <button primary>
          <ion-icon name="text"></ion-icon>
          Message
        </button>
        <button secondary>
          <ion-icon name="ion-lightbulb"></ion-icon>
          Favourite
        </button>
      </ion-item-options>
    </ion-item-sliding>
  </ion-list>
```

---

<div class="post-metadata">

**Author:** ![richardmarais](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/richardmarais/32/101456_2.png) [@richardmarais](https://forum.ionicframework.com/u/richardmarais)\
**Post date:** [July 20, 2016, 3:05pm UTC](https://forum.ionicframework.com/t/on-item-sliding-option-icons/58059/2 "2016-07-20T15:05:15Z")

</div>

use class instead of name

> ```
> <ion-item-options>
> <button primary (click)="alert('todo')"><ion-icon name="text"></ion-icon>Message</button>
> <button secondary (click)="alert('todo')"><ion-icon class="ion-ios-heart"></ion-icon>Favourite</button>
> </ion-item-options>
> 
> ```