Forum Discussion

vjnvinod's avatar
vjnvinod
Icon for Impactful Individual rankImpactful 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
Bibiano_Geraldo's avatar
Bibiano_Geraldo
Icon for Super User rankSuper 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/ 

 

 

 

vjnvinod's avatar
vjnvinod
Icon for Impactful Individual rankImpactful Individual
1 year ago

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

 

 

i am using this dax

 

 

  • Bibiano_Geraldo's avatar
    Bibiano_Geraldo
    Icon for Super User rankSuper User
    1 year ago

    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:

     

    This links redirect you to Flaticon.