Skip to main content
Question

How can you make a closed shape with partial stroke? This is wild


matlo

I imported an icon and it looks like this (see link below). How did they achieve a closed shape with a partial stroke? I’ve been asking around and googling, no one seems to have an answer so far, or at least i could not find it. How the hell do you achieve this in Figma?

Figma – 31 Jul 24

3 replies

  • New Participant
  • 14 replies
  • July 31, 2024

The principle behind this comes from Illustrator where you have a Fill and an Outline Color. If you have an Outline with a partial stroke you can still give it a Fill which leads to the result you posted. I am not sure though how this is reproduced in Figma but maybe it’s the same logic.


KennLucas
  • 220 replies
  • July 31, 2024

What format did you import as?

It is entirely possible to add a stroke to a line. I create icons in Illustrator and export as SVG.

I could see myself drawing a rounded corner square and them using pathfinder to remove that section. Then just exporting it to SVG. Probably sloppy, and I like to think I would not do that anymore.

But maybe that is one explanation?


Gleb
  • Power Member
  • 4706 replies
  • July 31, 2024

It’s just an artefact of the SVG import. No way to reproduce directly within Figma.


Reply


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings