SVG images display correctly in Power BI Desktop but are blank in the Power BI Service.

[wilsonajames]

I have tried clearing browser cache, trying a different browser (Edge), and re-publishing the report but have not been able to resolve the issue. I am using the "New" Card visual. 

Desktop Version: 2.147.931.0 64-bit (September, 2025)

Code/URL: 

[v-sgandrathi]

Hi @wilsonajames,

Thank you @tayloramy for your response.

Has your issue been resolved?
If the response provided by the community member addressed your query, could you please confirm? It helps us ensure that the solutions provided are effective and beneficial for everyone. 

Thank you for your understanding!

[v-sgandrathi]

Hi @wilsonajames,

We wanted to follow up to see if our suggestion was helpful. Please let us know how things are progressing and if you are still encountering any issues.

Thank you.

[v-sgandrathi]

Hi @wilsonajames,

As we did not get a response, may I know if the above reply could clarify your issue, or could you please help confirm if we may help you with anything else?
Your understanding and patience will be appreciated.

[tayloramy · Accepted solution]

Hi @wilsonajames,

This isn’t you - it’s (mostly) the new Card visual.

Quick solution

• Test the same SVG measure in Table or Multi-row card. If it renders there but not in Card (New), you’re hitting a (supposedly fixed) known regression in the New Card visual where Image type = Image URL with SVG often shows blank in the Service while still working in Desktop. See community reports from March/April 2025: thread 1, issue tracker.
• Workarounds (pick one):
  1. Use Card (legacy) or Multi-row card until the fix lands.
  2. Show the SVG in Table/Matrix (official guidance on image URLs: docs).
  3. If you must stay on New Card, swap the SVG for a small PNG data URL (base64) or use a custom visual that supports SVG/HTML.

Why this happens:

• The Service is stricter than Desktop about sanitizing inline SVG in data URLs. Characters like #, %, <, >, quotes, spaces, and line breaks must be URL-encoded inside your data&colon;image/svg+xml;utf8, string. If you keep using SVG (in any visual), try:
  • Remove line breaks; use one continuous string.
  • Replace problematic characters (common minimum): # → %23, < → %3C, > → %3E, " → %22, space → %20.
  • Gradients/filters in <defs> are more likely to get stripped; test a solid-color version to confirm the sanitizer isn’t blanking the whole image.
• If encoding fixes it in Table/Matrix but still not in New Card, that confirms the visual-specific bug above. Add your repro (PBIX + Desktop/Service versions) to the issue thread and/or open a support ticket so it’s tracked: issue tracker.

If you found this helpful, consider giving some Kudos. If I answered your question or solved your problem, mark this post as the solution.