Skip to main content
DannyPancratz
VIP ⭐️⭐️⭐️⭐️⭐️
August 26, 2024
Solved

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

  • August 26, 2024
  • 6 replies
  • 89 views

@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.

    6 replies

    revote
    VIP ⭐️⭐️⭐️⭐️⭐️
    August 26, 2024

    Maybe they have created just several ranks:

    VIP ⭐️

    VIP ⭐️⭐️

    VIP ⭐️⭐️⭐️

    I think star is just emoji, after text.

    DannyPancratz
    VIP ⭐️⭐️⭐️⭐️⭐️
    August 26, 2024

    Oooohhhh I never thought of that possibility.

    FYI: I am no longer active in this community
    revote
    VIP ⭐️⭐️⭐️⭐️⭐️
    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
    Kenneth RAnswer
    Expert ⭐️⭐️
    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
    Helper ⭐️
    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 

    Let's Connect! www.linkedin.com/in/lu-hunnicutt-1290jan
    Kenneth R
    Expert ⭐️⭐️
    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.