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

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

<ion-content padding>

  <div>
    <button>
      <icon home></icon>
      Left Icon
    </button>
    <a button>
      <icon home></icon>
      Left Icon
    </a>
  </div>

  <div>
    <button>
      Right Icon
      <icon star></icon>
    </button>
    <a button>
      Right Icon
      <icon star></icon>
    </a>
  </div>

  <div>
    <button>
      <icon flag></icon>
    </button>
    <a button>
      <icon flag></icon>
    </a>
  </div>

  <div>
    <button large>
      <icon help-circle></icon>
      Left, Large
    </button>
    <a button large>
      <icon help-circle></icon>
      Left, Large
    </a>
  </div>

  <div>
    <button large>
      Right, Large
      <icon settings></icon>
    </button>
    <a button large>
      Right, Large
      <icon settings></icon>
    </a>
  </div>

  <div>
    <button large>
      <icon heart></icon>
    </button>
    <a button large>
      <icon heart></icon>
    </a>
  </div>

  <div>
    <button small>
      <icon checkmark></icon>
      Left, Small
    </button>
    <a button small>
      <icon checkmark></icon>
      Left, Small
    </a>
  </div>

  <div>
    <button small>
      Right, Small
      <icon arrow-forward></icon>
    </button>
    <a button small>
      Right, Small
      <icon arrow-forward></icon>
    </a>
  </div>

  <div>
    <button small>
      <icon search></icon>
    </button>
    <a button small>
      <icon search></icon>
    </a>
  </div>

</ion-content>