Skip to main content
Solved

How did you do the new Username icons on the new ranks?


DannyPancratz
Forum|alt.badge.img+7

@Kenneth R & team, 

How did you do the multi-star username icon on the new ranks?

It looks like the suggested icon is 24x24 pixels, but multiple stars is much wider than that. 

Is it just as simple as uploading a wider icon? Or did you need to do something more custom?

Best answer by Kenneth R

Hey @DannyPancratz - yep indeed, we simply use an emoji!  :) We first considered the default options for rank styling, but when we played around with this approach it seemed to be the clearest and most intuitive way to link a set of stars (acting as ‘levels’) directly to the rank title.  In terms of visual design we’re of course very limited with what’s available as an emoji, but we’re pretty happy with this.  It’s easy and simple.

View original
Did you find this topic helpful?

6 replies

revote
Forum|alt.badge.img+2
  • VIP ⭐️⭐️⭐️⭐️⭐️
  • 793 replies
  • August 26, 2024

Maybe they have created just several ranks:

VIP ⭐️

VIP ⭐️⭐️

VIP ⭐️⭐️⭐️

I think star is just emoji, after text.


DannyPancratz
Forum|alt.badge.img+7
  • Author
  • VIP ⭐️⭐️⭐️⭐️⭐️
  • 966 replies
  • August 26, 2024

Oooohhhh I never thought of that possibility.


revote
Forum|alt.badge.img+2
  • VIP ⭐️⭐️⭐️⭐️⭐️
  • 793 replies
  • August 26, 2024

This is how I did it in my community when we used previous community platform.

But let’s wait what they say 😃


Kenneth R
Forum|alt.badge.img+5
  • Gainsight Community Manager
  • 433 replies
  • Answer
  • August 27, 2024

Hey @DannyPancratz - yep indeed, we simply use an emoji!  :) We first considered the default options for rank styling, but when we played around with this approach it seemed to be the clearest and most intuitive way to link a set of stars (acting as ‘levels’) directly to the rank title.  In terms of visual design we’re of course very limited with what’s available as an emoji, but we’re pretty happy with this.  It’s easy and simple.


LuH
  • Contributor ⭐️⭐️⭐️
  • 13 replies
  • January 13, 2025

How could we do this but instead of a badge that sits in the badge section, have it sit in the bottom corner of their profile picture? ​@Kenneth R 


Kenneth R
Forum|alt.badge.img+5
  • Gainsight Community Manager
  • 433 replies
  • January 14, 2025

Hi ​@LuH - to get a small icon that sits over the profile picture you can use the formatting options that are part of the ranks system.  


Reply


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings