2

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.

test1234

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

How to adjust the thickness of this icon in Sketch?

Improve this question

1 Answer 1

Reset to default
3

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.

enter image description here

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

  1. Split it's paths: Layer > Paths > Split
  2. Dump the fills and add borders.
  3. Trim down the internal shape (the front panel of the box) to an open line using the Scissors tool.
  4. Move everything into place and adjust the internal line's outer vectors to overlap the surrounding shape.
Improve this answer
2
  • @CeceXX I added a bit of explanation. I needed practice with it myself (^‿- )
    – plainclothes
    Commented Jun 26, 2015 at 17:14
  • Thank you so much for this explanation! It is much appreciated.
    – Cesare
    Commented Jun 26, 2015 at 17:15

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.