Embedded SVG vector graphics


I really like the app and I am starting to organize my PhD research with it. One thing that is missing for me is the ability to embed SVG files. These are very common when creating scientific plots and I hope it wouldn’t be a lot of work to enable them, as they are supported in all major browsers.

Are there any such plans?


I am also for that!

I wonder what the reason even is that it doesn’t work right now. I don’t think the authors have written their own display engine, and if it’s Electron or something like that, it shouldn’t struggle with SVGs?

Maybe it could work as Html not as a markdown

1 Like

Yes, +1 for this feature.

I make all my plots in svg too.

1 Like

This would be a great feature. I use svg as well as they provide unmatched quality in the pdf versions of my documents on-screen and in-print.
As I use obsidian for the draft versions and notes, I can imagine that a possible solution for obsidian would be an automatic conversion to .png and then placing it in the document. I think this would be a less technically challenging implementation then the way the svg’s are usually rendered in pdfs (though I am not too sure about this).

1 Like

+1 For this!


Yes, +1 for this feature!

The ability to embed SVG is a must-have for me.
I would be super happy if the devs can enable this feature.


+1 for SVG support - it really is a must. A lot of vector-based web graphics are published in SVG these days, ranging from company logos through to charts, diagrams and infographics.


Is there any movement on this? I’m still very interested in this feature and wonder if there are technical reasons why it’s hard to implement, or if it’s just not a priority. To me, it would increase the usefulness of Obsidian by a lot.


it kinda works now - depends on the SVG

I see, I won’t copy paste the content of complex svg files into markdown directly, though. But what you show supports that the rendering engine can handle svg (why wouldn’t it if it’s Electron), so hopefully all that’s needed is treating linked svg files a bit more like images.

that’s how svg’s are currently “rendered” - not at all, just as an empty div. The only thing needed would be to put svg files into similar <img> tags as png files, I think.


until then a local server for the files in the attach subdir will do the trick

That would maybe work if I dumped all files into one attachment subdirectory, but I don’t do that to avoid having a huge unstructured pile of files later. I want my structure to make sense outside of Obsidian, too.

@jules the web server can point to the root level of your vault.

Setting up a local webserver just to show svg files is a bit overkill for me. Especially given that a real solution seems not very complicated. Also it wouldn’t work with the default embed syntax ![[image.svg]]. I would be interested to hear an opinion from one of the maintainers if this is just a low priority issue, or if it’s difficult to implement for some reason.
Maybe @Silver?

1 Like

It’s just a low priority issue.

Ok, thanks for your input! Then I’ll wait.

+1 for this

1 Like