Skip to main content
Question

Export SVG icon problem

  • July 22, 2024
  • 9 replies
  • 1975 views

Maxence

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

  • 31 replies
  • July 22, 2024

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


Maxence
  • Author
  • New Member
  • 9 replies
  • July 22, 2024

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


  • 31 replies
  • July 22, 2024

Can you share exported vector here?


Maxence
  • Author
  • New Member
  • 9 replies
  • July 22, 2024

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


  • 31 replies
  • July 22, 2024

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
  • Author
  • New Member
  • 9 replies
  • July 22, 2024

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


  • 31 replies
  • July 22, 2024

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


Maxence
  • Author
  • New Member
  • 9 replies
  • July 22, 2024

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
  • 229 replies
  • July 22, 2024

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.