I am having an issue when I go to export my svg. The green part of the svg loses anchor points and instead of being the shape of a leaf turns into an oval. I don't know what to do please help!

Here is what the svg is supposed to look like :What the svg is supposed to look liek

here is how it exports, the green shape loses the top and bottom point and becomes an oval... therefore sticking out from under the black...

image that has been exported

Here are the export settting I have used. I tried changing up a bunch of different things and nothing worked: enter image description here

  • 1
    Can you press CMD+Y on MAC or CTRL+Y on PC and show us the outline of the green area? Commented Oct 28, 2020 at 9:24

1 Answer 1


I would suggest constructing this differently. It looks like you have separate shapes for the fills, rather than just simple filled and stroked shapes. For SVGs, I've found it's always best to keep the construction of graphics as simple as possible, which will also help keep the file size to a minimum.

So, first I'd make a leaf shape from two intersecting circles, using the Shape Builder, then I'd duplicate the leaf shape and rescale to make a smaller one, and rotate around the bottom anchor, to get something like this.

enter image description here

Then I'd use the Shape Builder on the intersection, copy the resulting shape, and undo Ctrl+Z. Then paste in place.

The result is three independent shapes which can have fills applied. I've filled the middle intersection a darker green than the other two.

The mitre join of the corner of the middle intersecting shape will protrude beyond the outline, but can easily be fixed using the Live Corner widget.

enter image description here

Here's the finished result:

enter image description here

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.