Skip to main content
Travis
New Member
August 2, 2022
Question

SVG issue - output has notches

I’m running into an issue exporting an icon collection.

Figma supports having multiple lines connected to a single vector node. Some of our icons connect three (or more) lines to a single node, e.g., an arrow head. In Figma, it looks fine. When exported to SVG, the arrow head has a notch in it.

I have a workaround where I break up the artwork into independent paths, but it introduces other issues (when swapping the icon within an instance, the colors will reset if the new icon doesn’t have the same layer names/number of layers). 😦

Any ideas from this wonderful community?

issue

This topic has been closed for replies.

1 reply

Hallie_Tseng
June 2, 2024

You can right-click on the path and click "outline stroke, " which should work fine.