: How to create line icon comprises paths in sketch? Hi！ It's my first post. I am totally newbie in sketch, also in design. Because I want to use the "Shared style" function which can let

@Sue6373160

It looks like you're drawing twice every shape (one slightly smaller than the other) and subtracting them to get the line shape. What you should be doing instead is drawing the shape once, removing the filling color and giving it an border color and size (you'll probably want to center it).

Do this for all three ovals, its respective dots and the outer circle. Once you're done use the Union button to turn them into a single shape without losing the hability to modify each of its parts (non-destructive transformations are your new best friends).

Don't worry about the strange twisted things you mention. That's just showing you the icon it's made of differents shapes or paths. Also don't worry about your icon not having all those pieces you see in your sample icon. That's because that icon hasn't been correctly drawn or exported.

Just remember that if you want to make line icons, you should only use the border color. That will let you change it's color, position and thickness whenever you want or need (that's why you'll use shared styles, so all of them use the same border options).

Vote Up Vote Down