# Stacked FontAwesome icons for badges, etc **URL:** https://meta.discourse.org/t/stacked-fontawesome-icons-for-badges-etc/20071 **Category:** Feature **Created:** [2014 年 9 月 15 日午前 6:43 UTC](https://meta.discourse.org/t/stacked-fontawesome-icons-for-badges-etc/20071 "2014-09-15T06:43:04Z") **Posts on this page:** 8 **Page:** 1
### Author: ![fysics](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/fysics/32/34080_2.png) [@fysics](https://meta.discourse.org/u/fysics) #### Post date: [2014 年 9 月 15 日午前 6:43 UTC](https://meta.discourse.org/t/stacked-fontawesome-icons-for-badges-etc/20071/1 "2014-09-15T06:43:04Z")
[Stacking](http://fortawesome.github.io/Font-Awesome/examples/#stacked) FontAwesome icons can result in some pretty neat looking glyphs. It would be nice to be able to stack icons like this when specifying the icon for a badge. It involves a parent element with `fa-stack` class, then two child elements for each stacked image. ![](https://global.discourse-cdn.com/meta/original/3X/1/4/145b25b93e419f5c94945ef0d497dd84fbd1a9f8.png) Rather than catering to this specific use case, is there a way the badge system could be expanded to allow arbitrary html for the badge image in such a way that isn’t a support nightmare? ---
### Author: ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam) #### Post date: [2014 年 9 月 15 日午前 11:45 UTC](https://meta.discourse.org/t/stacked-fontawesome-icons-for-badges-etc/20071/2 "2014-09-15T11:45:31Z")
Have you tried entering html? ---
### Author: ![fysics](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/fysics/32/34080_2.png) [@fysics](https://meta.discourse.org/u/fysics) #### Post date: [2014 年 9 月 15 日午後 9:19 UTC](https://meta.discourse.org/t/stacked-fontawesome-icons-for-badges-etc/20071/3 "2014-09-15T21:19:17Z")
It doesn’t exactly break, but it also doesn’t work. The twitter example only shows the twitter logo, and the other examples don’t display an icon at all. (Even the placeholder glyph.) ---
### Author: ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam) #### Post date: [2014 年 9 月 15 日午後 9:27 UTC](https://meta.discourse.org/t/stacked-fontawesome-icons-for-badges-etc/20071/4 "2014-09-15T21:27:23Z")
That is very likely due to missing CSS rules. Look at the HTML it renders. ---
### Author: ![fysics](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/fysics/32/34080_2.png) [@fysics](https://meta.discourse.org/u/fysics) #### Post date: [2014 年 9 月 16 日午前 1:44 UTC](https://meta.discourse.org/t/stacked-fontawesome-icons-for-badges-etc/20071/5 "2014-09-16T01:44:07Z")
![](https://global.discourse-cdn.com/meta/original/3X/0/8/08bf7fa52f327c2a9a33adb205d9839dbccda266.png) It’s more than just that. It’s throwing everything inside the class tag. ---
### Author: ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam) #### Post date: [2014 年 9 月 16 日午前 3:47 UTC](https://meta.discourse.org/t/stacked-fontawesome-icons-for-badges-etc/20071/6 "2014-09-16T03:47:16Z")
This looks like a bug to me then. We should get that fixed. ---
### Author: ![fysics](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/fysics/32/34080_2.png) [@fysics](https://meta.discourse.org/u/fysics) #### Post date: [2014 年 9 月 16 日午前 4:23 UTC](https://meta.discourse.org/t/stacked-fontawesome-icons-for-badges-etc/20071/7 "2014-09-16T04:23:05Z")
I didn’t realize it was supposed to allow arbitrary html, but yes, that would be awesome! ---
### Author: ![chapoi](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/chapoi/32/537252_2.png) [@chapoi](https://meta.discourse.org/u/chapoi) #### Post date: [2025 年 12 月 4 日午前 11:32 UTC](https://meta.discourse.org/t/stacked-fontawesome-icons-for-badges-etc/20071/8 "2025-12-04T11:32:25Z")