# Custom badge form uses same label for icon and image

**URL:** https://meta.discourse.org/t/custom-badge-form-uses-same-label-for-icon-and-image/60573
**Category:** Bug
**Created:** [2017年四月7日 00:28 UTC](https://meta.discourse.org/t/custom-badge-form-uses-same-label-for-icon-and-image/60573 "2017-04-07T00:28:48Z")
**Posts on this page:** 8
**Page:** 1

<div class="post-metadata">

### Author: ![DanielMarquard](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/danielmarquard/32/74010_2.png) [@DanielMarquard](https://meta.discourse.org/u/DanielMarquard)
#### Post date: [2017年四月7日 00:28 UTC](https://meta.discourse.org/t/custom-badge-form-uses-same-label-for-icon-and-image/60573/1 "2017-04-07T00:28:48Z")

</div>

When adding a new custom badge, the “Icon” and “Image” fields both have labels explaining that an image or Font Awesome class is allowed, but (at least in the list of badges on the left) Font Awesome classes do not display when added to the “Image” field.

 ![](https://global.discourse-cdn.com/meta/original/3X/e/6/e6bc3e9ba1804f0010ebe71b1dd21d290c636278.png)

---

<div class="post-metadata">

### Author: ![Jean-Baptiste\_Thieba](https://avatars.discourse-cdn.com/v4/letter/j/ccd318/32.png) [@Jean-Baptiste\_Thieba](https://meta.discourse.org/u/Jean-Baptiste_Thieba)
#### Post date: [2017年四月25日 13:08 UTC](https://meta.discourse.org/t/custom-badge-form-uses-same-label-for-icon-and-image/60573/2 "2017-04-25T13:08:17Z")

</div>

Yes, seeing the same thing. Entering ‘fa-user-circle’ in the icon field, I was expecting to see an icon showing next to ‘Pro user’, like for the default icons, but it’s not showing up.

 ![](https://global.discourse-cdn.com/meta/original/3X/b/c/bc329a6b4cacb6db82da53e958245a5d19c0a1ec.png)

---

<div class="post-metadata">

### Author: ![mikechristopher](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mikechristopher/32/89135_2.png) [@mikechristopher](https://meta.discourse.org/u/mikechristopher)
#### Post date: [2017年四月25日 13:19 UTC](https://meta.discourse.org/t/custom-badge-form-uses-same-label-for-icon-and-image/60573/3 "2017-04-25T13:19:53Z")

</div>

its fa-user that you need to use.

I don’t believe that fontawesome 4.7 icons will work as of yet - therefore user-circle will not work. Should be able to use anything up to 4.5.0

---

<div class="post-metadata">

### Author: ![Jean-Baptiste\_Thieba](https://avatars.discourse-cdn.com/v4/letter/j/ccd318/32.png) [@Jean-Baptiste\_Thieba](https://meta.discourse.org/u/Jean-Baptiste_Thieba)
#### Post date: [2017年四月25日 14:49 UTC](https://meta.discourse.org/t/custom-badge-form-uses-same-label-for-icon-and-image/60573/4 "2017-04-25T14:49:24Z")

</div>

thanks Mike.

fa-user would show the same icon than Basic and Member though, and I wanted to distinguish the Pro users from the other users.

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [2017年四月25日 20:02 UTC](https://meta.discourse.org/t/custom-badge-form-uses-same-label-for-icon-and-image/60573/5 "2017-04-25T20:02:17Z")

</div>

This is a good point we should update to latest font awesome @eviltrout can you take that?

---

<div class="post-metadata">

### Author: ![eviltrout](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/eviltrout/32/5275_2.png) [@eviltrout](https://meta.discourse.org/u/eviltrout)
#### Post date: [2017年四月26日 19:17 UTC](https://meta.discourse.org/t/custom-badge-form-uses-same-label-for-icon-and-image/60573/6 "2017-04-26T19:17:10Z")

</div>

This should do it:

[https://github.com/discourse/discourse/commit/30ebaf6b6a1633be1a7bd1af34978af06eb1ddae](https://github.com/discourse/discourse/commit/30ebaf6b6a1633be1a7bd1af34978af06eb1ddae)

---

<div class="post-metadata">

### Author: ![Jean-Baptiste\_Thieba](https://avatars.discourse-cdn.com/v4/letter/j/ccd318/32.png) [@Jean-Baptiste\_Thieba](https://meta.discourse.org/u/Jean-Baptiste_Thieba)
#### Post date: [2017年四月28日 13:26 UTC](https://meta.discourse.org/t/custom-badge-form-uses-same-label-for-icon-and-image/60573/7 "2017-04-28T13:26:41Z")

</div>

Wow. That was fast. Thanks!

---

<div class="post-metadata">

### Author: ![eviltrout](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/eviltrout/32/5275_2.png) [@eviltrout](https://meta.discourse.org/u/eviltrout)
#### Post date: [2017年四月28日 14:26 UTC](https://meta.discourse.org/t/custom-badge-form-uses-same-label-for-icon-and-image/60573/8 "2017-04-28T14:26:22Z")

</div>