Skip to main content
cancel
Showing results for 
Search instead for 
Did you mean: 

The Power BI Data Visualization World Championships is back! Get ahead of the game and start preparing now! Learn more

Reply
vjnvinod
Impactful Individual
Impactful Individual

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

vjnvinod_0-1732706844190.png

 

7 REPLIES 7
Bibiano_Geraldo
Super User
Super User

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  its up and down triangle, i am looking for the one ihave shared in the post

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 

Bibiano_Geraldo_0-1732713956880.png

 

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:

Bibiano_Geraldo_1-1732714101504.png

 

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

 

 

 

@Bibiano_Geraldo 

 

not sure for some reason, it doesn't show the icon see below last coloumn, i have change the measure to Image URL based on chat gpt, and it still doesn't work

 

vjnvinod_0-1732769038160.png

 

i am using this dax

 

vjnvinod_1-1732769076632.png

 

Hi @vjnvinod ,

To use directly in measure and in your Matrix, Use the following DAX:

IconMeasure = 
IF(
    1=2,
    "https://cdn-icons-png.flaticon.com/128/5610/5610923.png",
    "https://cdn-icons-png.flaticon.com/128/329/329344.png"
)

Change the condition  to attend your need.

Make sure to change Data Category to Image URL.

Change the image size to attend your needs in the Format pane in your Matrix:

Bibiano_Geraldo_0-1732777067026.png

 

This links redirect you to Flaticon.

Bibiano_Geraldo_1-1732777159425.png

 

 

 

 

Jai-Rathinavel
Super User
Super User

@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



Did I answer your question? Mark my post as a solution!

Proud to be a Super User!





ajohnso2
Super User
Super User

ajohnso2_0-1732707748243.png

 

Helpful resources

Announcements
Power BI DataViz World Championships

Power BI Dataviz World Championships

The Power BI Data Visualization World Championships is back! Get ahead of the game and start preparing now!

December 2025 Power BI Update Carousel

Power BI Monthly Update - December 2025

Check out the December 2025 Power BI Holiday Recap!

FabCon Atlanta 2026 carousel

FabCon Atlanta 2026

Join us at FabCon Atlanta, March 16-20, for the ultimate Fabric, Power BI, AI and SQL community-led event. Save $200 with code FABCOMM.