Skip to main content
cancel
Showing results for 
Search instead for 
Did you mean: 

Calling all Data Engineers! Fabric Data Engineer (Exam DP-700) live sessions are back! Starting October 16th. Sign up.

Reply
gubesh
Frequent Visitor

Import SVG from local file to Power BI custom visual

Hi fellow developers!

I am finishing my custom Power BI visual and I can´t succesfully load pictures into the custom visual from the local files (using assets folder). I am sending the image with the error (you can see that there is this "image missing" symbol) .

gubesh_0-1724527618432.png

Basicaly I declared image as SVGElement. I created it in construct method as image. And in update method I tried to join path with xlink:href. The visual works in that way, that "image" is shown in Power BI online in correct place, but actual image is not loaded you can see only that error. I expect error in path, code, security or some settings that I dont know.
I read previous comments in community. I would highly appreciate any help from more experienced developers. Thank you!

Snipets of my code from visual.ts

gubesh_2-1724526897129.png

gubesh_3-1724526932936.png

gubesh_4-1724526946351.png

Greetings from Prague!

Jakub Planka

 

@Greg_Deckler,  @lbendlin,  @Kaviraj11,  @Vil @v-shex-msft,  @EscritórioDados 
@Anonymous @Anonymous @Anonymous 

2 REPLIES 2
Anonymous
Not applicable

Hi @gubesh ,

 

I think you can refer to below offical blog to learn more details about SVG in Power BI Custom Visual.

For reference:

Introduction to SVG utils in Power BI visuals - Power BI | Microsoft Learn

I hope it could help you solve your issue.

 

Best Regards,
Rico Zhou

 

If this post helps, then please consider Accept it as the solution to help the other members find it more quickly.

Hi!
This article does not help me to find answer to my problem. I need to import a picture PNG or SVG file from local folder. Picture like companys logo.

However the article was super informative, and I thank you for that. I will use this reference in my future project!

However problem still open.

Helpful resources

Announcements
FabCon Global Hackathon Carousel

FabCon Global Hackathon

Join the Fabric FabCon Global Hackathon—running virtually through Nov 3. Open to all skill levels. $10,000 in prizes!

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.