Stack ionicons like Font Awesome


#1

Ionicons are great. Is there a way to stack them like with Font Awesome? For instance, I would like to combine ion-ios7-circle-outline with ion-alert.


#2

Yeah it’s possible, just got to write some css to do it.


#3

Sweet! Thank you for your quick response.


#4

I’m trying to include font awesome to mi ionic app, but the font awesome are show like a empty square, my css example to show a qr icon 2x size:

class="button button-icon icon fa fa-qrcode fa-2"

Thanks in advance


#5

This means that font files aren’t actually loading. Check your font paths


#6

Youre right, solved, thanks


#7

Hey great example! I found a little error in the scss file at line 13
text-align:center !;
I think it should be text-align:center !important;
Great example!


#8

This stacking would be good to add to the ionic base.

Example forked to fix broken css: