Skip to main content
Maxence
New Member
Jul 22, 2024 1:23 PM UTC
Question

Export SVG icon problem

When devs try to export this svg icon, it doesn’t show the fill of the books inside the square…
Library
To made the shape of the books, i made a “substract selection” on one of them, I duplicate de shape and flat all of them to made a vector shape.

Thanks for your help 🙂

This topic has been closed for replies.

9 replies

Jul 22, 2024 1:56 PM UTC

It’s possible that fill settings of the vector are incorrect. Try to use File Rule Editor Plugin to correct it.

Maxence
MaxenceAuthor
New Member
Jul 22, 2024 2:24 PM UTC

We’ve tried but it still doesn’t work 😕

Jul 22, 2024 2:36 PM UTC

Can you share exported vector here?

Maxence
MaxenceAuthor
New Member
Jul 22, 2024 2:52 PM UTC

I can’t share an svg format here, but here you can find a Figma file with the icon.

Jul 22, 2024 3:11 PM UTC

I see that the fill is still using even-odd rule, which may be the problem I mentioned earlier.

Export icon from this file and tell me if the problem is still there.

Maxence
MaxenceAuthor
New Member
Jul 22, 2024 3:22 PM UTC

I tried to export the icon from your file but the problem is still here…

Jul 22, 2024 3:24 PM UTC

Can you try again? I merged box object with books, maybe that will somehow help.

Maxence
MaxenceAuthor
New Member
Jul 22, 2024 3:45 PM UTC

The problem is still here… But when we export the icon with Sketch the problem is corrected so we take this alternative today. I don’t know if the problem comes from the Figma export 😕

KennLucas
Jul 22, 2024 4:02 PM UTC

This is likely because there is not a vector fill in the icon. Without this, there is nothing to export.

See this image. I added a vector fill layer.

This exports as you wish.