: How to create proper Heart icon line in Sketch? I have been moved from Illustrator to Sketch recently, but I don't understand how pathfinder work in Sketch very much. I try to create some
I have been moved from Illustrator to Sketch recently, but I don't understand how pathfinder work in Sketch very much.
I try to create some line heart icon with + in it like this (this was created by illustrator).
I can create just a line in Sketch but after that I got confuse with "subtract" function in Sketch and it got weird result. For example there are some twisted line and can not subtract properly.
I try to search for how to, but I can not find it anywhere. For now I just created this icon in Illustrator and copied to Sketch. But I want to know how to create in Sketch for future reference.
More posts by @Mendez620
1 Comments
Sorted by latest first Latest Oldest Best
First, create rect with no fill and thick borders.
Enable edit mode and select two corners, make the radius about 100.
Rotate the rect by 45 degrees
Duplicate the rect by pressing CMD + D. Flip it horizontally and place so that lower corner will be place at the same position.
Now, let's create the cross.
Create rect with width the same as heart's border. And border of the rect should be white color and outside.
Duplicate the rect and rotate it to horizontal position.
Select the two rects and press the Union icon on toolbar.
Finally place the cross above the heart.
You can download the Sketch file here
Terms of Use Create Support ticket Your support tickets Stock Market News! © vmapp.org2024 All Rights reserved.