The ionic framework offers a directive to create lists with list items and avatars on the left using the following code:
<div class="list">
 <a class="item item-avatar" href="#">
      <img src="venkman.jpg">
      <h2>Venkman</h2>
      <p>Back off, man. I'm a scientist.</p>
    </a>
</div>
However, the avators need to be an image (looks like it searches for images). How can we replace this image by a custom div or just text?
Solved it, use item-icon-left!
<a class="item item-icon-left" href="#">
  <i class="icon ion-home"></i>
  <h2>Venkman</h2>
  <p>Back off, man. I'm a scientist.</p>
</a>