Skip to main content

Since the most recent SVG export change, Figma is using `<foreignObject>` for gradients. foreignObject has a number of issues, for us most importantly it’s not possible to combine `<foreignObject>` and `<use>`. We use `<use>` to create SVG sprites for icons, but any icons with a gradient exported from Figma now break our sprites and makes it impossible to use `<use>`.

See e.g. https://github.com/w3c/svgwg/issues/511

Could we get an option where we don’t get perfect background blur support and similar, but avoid using foreignObject?

Thanks.

Be the first to reply!