How to combine SVG path like below image

Question

Convert to

My Code looks like below.

I want to convert actual SVG to Expected SVG. I am used the path element for draw each rectangle, i want remove the intersect line while drawing the SVG rect. Can you please suggest any solution.

user_7897395 · Answer

In this case easy solution would be to code it manually like this:

However for more complicated shapes this won't do. A solution would be removing the stroke from your shapes, fill them with white or whatever color you want and applying a filter to outline the group of shapes:

I hope it helps.

How to combine SVG path like below image

1 Answers