Skip to main content
Question

API images svg stroke to fill conversion issue

  • June 25, 2024
  • 2 replies
  • 584 views
Konstantin_Melnikov

Seems like recently the API has changed and has a bug now. Because it used to work around a month ago.

We have icons that have a stroke set. The svg export from Figma UI gives icons with stroke but the export from Figma images API gives icons with fill instead of stroke.

The UI export gives stroke:

<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8 5.03334V8M8 10.0238V10M14.5 8C14.5 11.5899 11.5899 14.5 8 14.5C4.41015 14.5 1.5 11.5899 1.5 8C1.5 4.41015 4.41015 1.5 8 1.5C11.5899 1.5 14.5 4.41015 14.5 8Z" stroke="#061213" stroke-opacity="0.99" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

Old api export used to work fine (giving stroke): https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/e2c4c862-2627-4a00-bf8c-9c1f6bd9050d

New api export gives fills instead for the same icon: https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/25de9268-e518-4cb1-94f2-49bd1ac34a08

Does somebody have the same issue and found a fix?

This topic has been closed for replies.

2 replies

Alec_Marcus
  • Alec_Marcus
  • 1 reply
  • June 26, 2024

Experiencing exactly the same issue.

We have an iconset of 350+ elements that get fetched from our file via the API, and transformed to React components and optimized as SVGs that require the stroke to be maintained. After working well for about a year, this change totally broke that pipeline.

Was it intentional? I can’t find any documentation on it. The only thing that seems like it might be related is the svg_simplify_stroke parameter, which has no effect.

Another user seems to have also observed this issue here.

Konstantin_Melnikov

I’ve contacted official Figma support. They confirmed the bug on their side. It’s escalated to their engineers for investigation.

Terms & ConditionsCookie settingsAccessibility statement