List avatars with icons

ionic-v1
1

I would use the component “List avatars” but with icons in the place of an image I guess css rules was defined to have the img tag and not to tag i. Is there a way to use an icon without changing the file ionic.css

2

Hey!

Did you found something? I was thinking about doing the same with some “list avatars”.

3

It shouldn’t take too much work with CSS to get it to work.

I started a rough sample : http://codepen.io/calendee/pen/rzjuJ/

1 Like
4

It would be great if this was built in instead of having to include this custom CSS.

5

How about just using item-icon-left? It doesn’t require any CSS.

<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>
6

Weird, I thought I tried that and it didn’t work properly. Maybe something was fixed in the latest versions.

7

There are fine samples in the docs:
http://ionicframework.com/docs/v1/components/#item-icons