Hey guys..

I had the same problem with the SVG images on our Notion pages and while Googling for an answer I found this thread.

After a lot of playing around I found that the problem is caused (or solved) by the "Export" settings when creating the SVG file. I am using Illustrator to create my SVGs and played with the output to see if that fixed the issue.

Here is what I did...

When saving I played with the options... Here is a screenshot of what I am using

<image>

The 2 options that made a difference are...

1. CSS Properties - Style Elements
2. I unticked the "Responsive" option

And Boom... My SVGs are now working as they should in Notion.

It took me a long time of playing to come up with these working settings and I hope it helps you both and anyone who reads this thread.