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
duddys
Helper I
Helper I

Checkmark emoji on different platforms

Hi, I dont know if its that much about PowerBI, but I have a request to somehow make these checkmarks green on TV they are showen. The TV is on raspberry so I think the checkmarks appear grey because of the platform ? Because on PC or in browser they are green.
this is in powerbi:

duddys_0-1733231694170.png

and this is how it looks on TV

duddys_1-1733231736095.png


Is there any possible way to make it the green checkmark, or raspberry just has "different" emojis

1 ACCEPTED SOLUTION
danextian
Super User
Super User

Hi @duddys 

Is  your  checkmark using UNICHAR to render it?  These characters are rendered differently by different  browsers. You can use SVG in icon conditional formatting for a greater control on colors.

 

 

SVG Checkmark = 
VAR _value =
    CALCULATE ( SUM ( 'Table'[Value] ) )
VAR _threshold = 1500
VAR _test = _value > _threshold
VAR width =
    IF ( _test, 80, 0 )
VAR height =
    IF ( _test, 80, 0 )
VAR stroke1 =
    IF ( _test, 5, 0 ) --increase to make the border thicker
VAR stroke2 =
    IF ( _test, 10, 0 ) -- increase to make the checkmark thicker
VAR __Prefix = "data:image/svg+xml;utf8," --note: after hitting reply this line will  probably return a different value so refer to the screenshot
VAR SVG = "<svg width='100' height='100' xmlns='http://www.w3.org/2000/svg'>
  <!-- Background square -->
  <rect x='10' y='10' width='" & width & "' height='" & height & "' 
        fill='limegreen' stroke='darkgreen' stroke-width='" & stroke1 & "' />
  <!-- Checkmark -->
  <path d='M30 50 L45 65 L70 35' 
        fill='none' stroke='white' stroke-width='" & stroke2 & "' stroke-linecap='round' stroke-linejoin='round' />
</svg>"
RETURN
    __Prefix & SVG

 

 

danextian_1-1733234044024.png

Please note that based on testing, SVG as icons will not be rendered if hexadecimal values are used thus the limegreeen and darkgreen colors. Also you need to change the dimension of the SVG elements to 0 if you don't want to show them as, if for example, if i simply use IF(_test, _Prefix & SVG), those do not meet the _test condition will still return in Firefox a missing image icon instead of nothing.

 

Please see sample pbix.

 





Dane Belarmino | Microsoft MVP | Proud to be a Super User!

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


"Tell me and I’ll forget; show me and I may remember; involve me and I’ll understand."
Need Power BI consultation, get in touch with me on LinkedIn or hire me on UpWork.
Learn with me on YouTube @DAXJutsu or follow my page on Facebook @DAXJutsuPBI.

View solution in original post

1 REPLY 1
danextian
Super User
Super User

Hi @duddys 

Is  your  checkmark using UNICHAR to render it?  These characters are rendered differently by different  browsers. You can use SVG in icon conditional formatting for a greater control on colors.

 

 

SVG Checkmark = 
VAR _value =
    CALCULATE ( SUM ( 'Table'[Value] ) )
VAR _threshold = 1500
VAR _test = _value > _threshold
VAR width =
    IF ( _test, 80, 0 )
VAR height =
    IF ( _test, 80, 0 )
VAR stroke1 =
    IF ( _test, 5, 0 ) --increase to make the border thicker
VAR stroke2 =
    IF ( _test, 10, 0 ) -- increase to make the checkmark thicker
VAR __Prefix = "data&colon;image/svg+xml;utf8," --note: after hitting reply this line will  probably return a different value so refer to the screenshot
VAR SVG = "<svg width='100' height='100' xmlns='http://www.w3.org/2000/svg'>
  <!-- Background square -->
  <rect x='10' y='10' width='" & width & "' height='" & height & "' 
        fill='limegreen' stroke='darkgreen' stroke-width='" & stroke1 & "' />
  <!-- Checkmark -->
  <path d='M30 50 L45 65 L70 35' 
        fill='none' stroke='white' stroke-width='" & stroke2 & "' stroke-linecap='round' stroke-linejoin='round' />
</svg>"
RETURN
    __Prefix & SVG

 

 

danextian_1-1733234044024.png

Please note that based on testing, SVG as icons will not be rendered if hexadecimal values are used thus the limegreeen and darkgreen colors. Also you need to change the dimension of the SVG elements to 0 if you don't want to show them as, if for example, if i simply use IF(_test, _Prefix & SVG), those do not meet the _test condition will still return in Firefox a missing image icon instead of nothing.

 

Please see sample pbix.

 





Dane Belarmino | Microsoft MVP | Proud to be a Super User!

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


"Tell me and I’ll forget; show me and I may remember; involve me and I’ll understand."
Need Power BI consultation, get in touch with me on LinkedIn or hire me on UpWork.
Learn with me on YouTube @DAXJutsu or follow my page on Facebook @DAXJutsuPBI.

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.