Circle capital letter icons

1

Hello Ionic Team,

it would pretty cool to extend the ionicons with circle capital letter icons for list elements like in serveral apps (e.g. Gmail).

2

u can create by css, it’s easy!

3

I’d use the badge css pre-defined for you.

<span class="badge icon-badge" ng-model="user.firstinitial" style="color:white !important;"
ng-class="{'badge-balanced' : user.firstinitial == 'A', 'badge-energized' : user.firstinitial == 'B', 'badge-assertive' : user.firstinitial == 'C'}"
</span>
1 Like
4

I have created angularjs directive to create the letter avatars dynamically on input data with shape circle/square http://uttesh.com/ionic-letteravatar/

3 Likes