When creating or editing a badge, there are text fields for both “Icon” and “Image”. However, both use the same help description: Use either a Font Awesome class or URL to an image. As an admin, I ask: What’s the actual difference between the two? Should we enter something for one, the other, or both fields? This is a bit confusing as it stands now. :confounded: PS: Maybe a link to the current (well, out-dated) available FA icon classes would help admins know what to type here, too.

I agree, the UI does not explain what the difference is between “Icon” and “Image”. But if I would have to venture a guess, an icon simply means the tiny image, and the image means when you look at the badge’s page you get this fancy image … but I would have to look at the source to know what the difference is for sure. As for the PS Unfortunately, I haven’t managed to get links to appear properly in the description fields on the settings page, but if you’re looking for FA icon classes then look no further than Font Awesome

[image] sigurdur: if you’re looking for FA icon classes then look no further than Font Awesome Yes, familiar with that page as we it’s an upstream component of our own software. Unfortunately, Discourse is using a very old version from Nov 5, 2013, when many 150 of the current icons listed weren’t yet included. Update is rumored to be coming someday soon. :slight_smile:

“Very” old? I’ve told you a million times to stop exaggerating…

Fair enough. Updated to show the Nov 5, 2013 release date. :slight_smile:

I thought I had found a bug, but it’s probably just the UI being unclear about the difference between icon and image. To make matters worse the help text reads “Use either a Font Awesome class or URL to an image” and there is one field titled “Icon” and another titled “Image”. When I saw this I assumed I either put a font awesome class into the icon field, or I put an image url into the image path. After trying to “debug” this for a while I finally figured that I was supposed to put a Font Awesome class or image URL into each box. Icon is for small badges image is for (not sure where this is used yet).

Ok, I see where it’s used now. Thanks for the clarification.

I still can’t understand what is what - may someone elaborate, please?

The “Image” field creates a badge image that will show up using the “User Card Badge” preference option. This badge image will show up on the lower-right hand corner of the user card if selected (as far as I can tell, not frequently used). The “Icon” field is what shows up for the badge everywhere else.

I’m hoping to create a new badge called “staff” and have each staff member have that badge. I have an image I’d like to use for the badge. But I can’t just upload that image to have it used? It needs to be on the web somewhere with a URL to it that I then attach to the badge setting in discourse?

Admin: Badge icon vs. image - what's the difference?

Product Support

codinghorror (Jeff Atwood) April 21, 2015, 10:44pm 7

It’s used on the user card, what you get when you click or tap your avatar or @username here.

Topic		Replies	Views
Custom badge form uses same label for icon and image Bug	6	1353	April 28, 2017
How to set up the picture of badge (Grant a badge to individual users manually) Product Support	6	3090	December 15, 2016
New badge, badge icon not showing on badges page Product Support	7	4088	September 8, 2019
Default badge icons UX completed	3	1371	February 26, 2023
Icon instead of color for category badge Feature	3	932	July 3, 2018

Admin: Badge icon vs. image - what's the difference?

Related topics