Badge icons on list with icons


Hello is there is a way to implement icons with a badge like the Badge Icons on tabs ?
Thank you.


Could try something like this:

   text here
   <i class="icon ion-ios7-telephone-outline"><span class="badge badge-assertive icon-badge">2</span></i>

With some added CSS…

.item .icon .icon-badge {
   position: absolute;
   top: 3px;
   right: 0px;
   font-size: 8px;

See this codepen:


hey @andrewmcgivery
Thank you so much you ROCK !


Glad I could be of help. :slight_smile:


Hello @ronyrun plz, can i know if even u’ve succeded to show the badge on the app like it’s shown on ur picture ; i mean if even i’ve recieved a notification i wanna see it on my icon App in the host
thank you !



It’s not for the iconAPP but for icon within the app… sorry.