Forum Discussion

vjnvinod's avatar
vjnvinod
Impactful Individual
1 year ago

Icons or unichar code

hi 

 

i am looking fo the below SVJ or a unichar code to achieve this in power BI

any help wil be highly appreciated

 

Need Help
Show and Tell

7 Replies

  • Bibiano_Geraldo's avatar
    Bibiano_Geraldo
    Super User
    1 year ago

    Hi vjnvinod ,

    You can achieve that by DAX, something like this:

    IconMeasure = 
VAR icon = IF([YourCondition], UNICHAR(9650), UNICHAR(9660))
RETURN
icon & [YOUR_PERCENTAGE_MEASURE]

     

     

      • Bibiano_Geraldo's avatar
        Bibiano_Geraldo
        Super User
        1 year ago

        Hi vjnvinod ,

        Unfortunately, there isn’t a direct UNICHAR code for an arrow inside a circle.

        But, you can reach your goal by these SVG Code:

        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
  <!-- Background circle filled with red -->
  <circle cx="12" cy="12" r="10" fill="#FF0000"/>
  
  <!-- Arrow filled with white -->
  <path d="M12 12.586 8.707 9.293l-1.414 1.414L12 15.414l4.707-4.707-1.414-1.414L12 12.586z" fill="#FFFFFF"/>
</svg>

        This result in 

         

        And this Code:

        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
  <!-- Background circle filled with green -->
  <circle cx="12" cy="12" r="10" fill="#00FF00"/>
  
  <!-- Arrow pointing up, filled with white -->
  <path d="M12 11.414 15.293 14.707l1.414-1.414L12 8.586 7.293 13.293l1.414 1.414L12 11.414z" fill="#FFFFFF"/>
</svg>

         

        This will result in:

         

        You can use this link to personilize the icons and download the SVG: https://nikitahl.github.io/svg-2-code/ 

         

         

         

  • Jai-Rathinavel's avatar
    Jai-Rathinavel
    Super User
    1 year ago

    vjnvinod  Couldn't find the icon's relevant unichar in the available documentations. Meanwhile you can consider

    "ColoredArrowUp" for Green Up arrow and  "ColoredArrowDown" for Red Down Arrow.
     
    If you still want to use those particular icons. You can download the icons and convert them into bas6e64 format and use it in your theme.json file. You can refer the below blog on how to add custom icons to your report
     
    Did I answer your question? If yes, please mark my post as a solution.
     
    Thanks,
    Jai