Mobile app version of vmapp.org
Login or Join
Si6392903

: How to adjust the thickness of a stroke in Sketch? I have an icon and I would like to make it thinner but it has a fill instead of a border. As far as I know, it's not possible to change

@Si6392903

Posted in: #Borders #SketchApp #Stroke

I have an icon and I would like to make it thinner but it has a fill instead of a border. As far as I know, it's not possible to change the thickness of the fill, so I need to find a way to convert the fill to a border. I think scaling won't help much.



If I uncheck the fill and check the border checkbox, this is the result.



How to adjust the thickness of this icon in Sketch?

10.01% popularity Vote Up Vote Down


Login to follow query

More posts by @Si6392903

1 Comments

Sorted by latest first Latest Oldest Best

 

@Rambettina927

Sketch can't do all the work for you

There's no way to make a compound shape into a single line drawing. That's true of every vector app I've used.

All is not lost

You have a simple vector object. Just cut it up and reassemble the lines to create the line graphic you're after. In this case, you just need the surrounding frame and the middle line. Those are easy to isolate once you break the shape apart.

Here's a quick illustration of the process using the mailbox icon from FontAwesome.



After I converted the font to outlines, I had essentially the same starting point: a solid shape.


Split it's paths: Layer > Paths > Split
Dump the fills and add borders.
Trim down the internal shape (the front panel of the box) to an open line using the Scissors tool.
Move everything into place and adjust the internal line's outer vectors to overlap the surrounding shape.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme