ionic-framework/e2e/item/icons/main.html

<ion-toolbar><ion-title>Item Icons</ion-title></ion-toolbar>

<ion-content>

  <ion-item detail-push>
    ion-item [detail-push] attr
  </ion-item>

  <a ion-item href="#">
    a[ion-item] w/ push detail
  </a>

  <button ion-item>
    button[ion-item] w/ push detail
  </button>

  <a ion-item href="#">
    a[ion-item] w/ right side default icon
    <icon information-circle item-right></icon>
  </a>

  <a ion-item href="#">
    a[ion-item] w/ right side large icon
    <icon large information-circle item-right></icon>
  </a>

  <a ion-item href="#">
    a[ion-item] w/ right side small icon
    <icon small information-circle item-right></icon>
  </a>

  <button ion-item>
    <icon star item-left></icon>
    button[ion-item] w/ left side icon
  </button>

  <button ion-item detail-none>
    <icon flag item-left></icon>
    button[ion-item][detail-none]
  </button>

  <ion-item>
    <icon flag item-left></icon>
    ion-item w/ both side icons
    <icon checkmark item-right></icon>
  </ion-item>

  <a ion-item href="#">
    a[ion-item] w/ two right side icons
    <icon checkmark-circle item-right></icon>
    <icon shuffle item-right></icon>
  </a>

  <button ion-item>
    <icon clipboard item-left></icon>
    <icon remove-circle item-left></icon>
    button[ion-item] w/ two left side icons
  </button>

  <button ion-item>
    Red Balloons
    <ion-badge item-right>99</ion-badge>
  </button>

  <ion-item>
    Problems
    <ion-badge item-right>99</ion-badge>
  </ion-item>

</ion-content>