Skip to main content
DannyPancratz
DannyPancratz
VIP ⭐️⭐️⭐️⭐️⭐️
Aug 26, 2024 5:34 PM UTC
Solved

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

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

    Kenneth R
    Kenneth RAnswer
    Expert ⭐️⭐️
    Aug 27, 2024 9:54 AM UTC

    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 in thread

    6 replies

    revote
    revote
    VIP ⭐️⭐️⭐️⭐️⭐️
    Aug 26, 2024 5:42 PM UTC

    Maybe they have created just several ranks:

    VIP ⭐️

    VIP ⭐️⭐️

    VIP ⭐️⭐️⭐️

    I think star is just emoji, after text.

    Translate
    DannyPancratz
    DannyPancratzAuthor
    VIP ⭐️⭐️⭐️⭐️⭐️
    Aug 26, 2024 5:48 PM UTC

    Oooohhhh I never thought of that possibility.

    Translate
    FYI: I am no longer active in this community
    revote
    revote
    VIP ⭐️⭐️⭐️⭐️⭐️
    Aug 26, 2024 5:58 PM UTC

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

    But let’s wait what they say 😃

    Translate
    Kenneth R
    Kenneth RAnswer
    Expert ⭐️⭐️
    Aug 27, 2024 9:54 AM UTC

    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.

    Translate
      LuH
      LuH
      Helper ⭐️
      Jan 13, 2025 10:16 PM UTC

      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 

      Translate
      Let's Connect! www.linkedin.com/in/lu-hunnicutt-1290jan
      Kenneth R
      Kenneth R
      Expert ⭐️⭐️
      Jan 14, 2025 8:11 AM UTC

      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.  

      Translate
      Terms & ConditionsAccessibility statement