List avatars with icons

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


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

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

I started a rough sample :

1 Like

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

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>
  <p>Back off, man. I'm a scientist.</p>

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

There are fine samples in the docs: