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
plover
Advocate II
Advocate II

Add SVG image to SVG Code

Hey there

 

I am attempting to create an SVG that simply has an Icon and some text next to it.

Ive been able to get this to work in a simple online SVG editor with the following code: 

 

<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 80'>
<image height='8' width='8' href='https://s2.coinmarketcap.com/static/img/coins/64x64/1.png'> </image>
<text x='9' y='6.5' style='font:normal 7px sans-serif;' fill='Blue'>- AAVE</text>
</svg>

 


Which shows - 

plover_1-1686626017377.png

 

 

However when i put that into a measure in PowerbI to display on a row it fails to render the image like this - 
 
plover_0-1686625982110.png

 

Any ideas?

6 REPLIES 6
lbendlin
Super User
Super User

No SRC or HREFs allowed - you need to embed the image data in the dataset.

 

 

 

 

Sorry - what do you mean?

Thank you thats great. I am wondering though how i would read the contents of not a file, but a URL pointing to an image?

you ingest that data in the Power Query part. Call Web.Contents  on the uRl and store the result in Base64.

I was able to do that, but unable to add that into an existing SVG. Is it possible to get the SVG code from a URL pointing to an SVG?

Helpful resources

Announcements
November Power BI Update Carousel

Power BI Monthly Update - November 2025

Check out the November 2025 Power BI update to learn about new features.

Fabric Data Days Carousel

Fabric Data Days

Advance your Data & AI career with 50 days of live learning, contests, hands-on challenges, study groups & certifications and more!

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.

Top Solution Authors
Top Kudoed Authors