Skip to main content
matlo
matlo
July 31, 2024
Question

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

  • July 31, 2024
  • 3 replies
  • 456 views

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

Screenshot 2024-07-31 at 3.54.09 PM

This topic has been closed for replies.

3 replies

Motele
New Participant
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
    KennLucas
    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
    Gleb
    Power Member
    July 31, 2024

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

      Terms & ConditionsAccessibility statement