Forum Discussion

ACraig08's avatar
ACraig08
Helper III
1 year ago
Solved

Custom icons using svg code help

So I am brand new to working with SVG and adding custom icons so I appriciate your patience in advance!   So I downloaded a couple of SVG's from Material Symbols & Icons - Google Fonts. I created a...
  • V-yubandi-msft's avatar
    1 year ago

    Hi ACraig08 ,

    Thanks for posting your query in the Microsoft Fabric Community. I tried using inline SVG (data:image/svg+xml) in a calculated column and applied it through conditional formatting in a table visual. However, Power BI doesn’t support rendering SVG data URIs inside table visuals. Instead of displaying the icon, it shows the raw SVG code as plain text.

    This appears to be a known limitation in Power BI, where image rendering only works with actual image URLs pointing to hosted files (PNG or JPG from the web), rather than inline SVG strings.

     

    As an alternative, you can create icons using conditional formatting, following the approach outlined below. 

     

     If my response resolved your query, kindly mark it as the Accepted Solution to assist others. Additionally, I would be grateful for a 'Kudos' if you found my response helpful.