3

I am a relative sketch / design newbie. I am trying to creating a simple check mark icon embedded in a green circle.

green exported image

The problem is the clipping on top of the circle on all sides. My sketch file organization looks like this.

enter image description here

It is basically two lines at an angle and an oval. I tried using the oval as a mask and without mask. Not sure what I am doing wrong. The figure looks good on sketch

The sketch file is uploaded on dropbox here.

4

The Problem is that your circle is bigger than your artboard.

Sketch Screenshot

The circle is 24 x 24 px big as well as your artboard. But you have a border of 1px around it, which is center aligned. This means your circle is actually 24.5 x 24.5 px big. So when you export your icon 0.5px will be cut away.

So what you can do is either delete the border by unchecking the checkmark in the Borders section or you can increase the art board size. You can do this by clicking on your artboard (in your case Edit Circle Selected) in the outline panel on the left and adjust the size on the right.

-4

Change border 'position' from 'center' to 'inside'. It will help.

We're looking for long answers that provide some explanation and context. Don't just give a one-line answer; explain why your answer is right, ideally with citations. Answers that don't include explanations may be removed.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

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