I exported an SVG that I created in Figma. Opening it from the file explorer is no problem and doesn’t show any spaces between shapes in the SVG.

However, if I place the SVG on my webpage using the img tag, you can see weird gaps (which don’t exist in Figma and File Explorer) between some shapes.

What can I do to solve this issue?

I’ve attached an example to this post.

r/web_design - Weird gaps in SVG

Here you can see an example of what I mean. In Figma and File Explorer, this gap doesn’t exist

Source link

Write A Comment