title: Change Ionic icon on hover
body: <p>Is it possible to change the icon on hover without going through the component?</p>
  
  <pre><code>  &lt;button ion-button icon-only #lock (mouseover)="lock.isHover = true" (mouseout)="lock.isHover = false"&gt;
      &lt;ion-icon *ngIf="lock.isHover" name="lock"&gt;&lt;/ion-icon&gt;
      &lt;ion-icon *ngIf="!lock.isHover" name="unlock"&gt;&lt;/ion-icon&gt;
    &lt;/button&gt;
  </code></pre>