Community forum for knowledge and support

Updated last month

Trouble pasting svg icon from figma to webflow

At a glance

A community member is having trouble pasting an SVG icon from Figma to Webflow, receiving an error message "relume: error processing the svg paste". They have tried various solutions like turning off/on the sync mode, refreshing Webflow, and disconnecting, but nothing has worked. The community member notes that the same icon can be pasted into a different Webflow project without any issues. Other community members suggest sharing the SVG file to help reproduce the issue, and one community member provides an answer stating that there could be many reasons why the SVG won't paste into one project but will into another, and suggests trying to paste it into a project where it works and then copying/pasting that to the other project. The community member also suggests using a pre-made icon set from relume.io to avoid such issues.

Useful resources

Hello everyone i have a technical problem : i can't paste an svg icon from figma to webflow. This message appears "relume : error processing the svg paste" when i cmd + V the svg icon.
Solution i already tried : I have the plug in, I already turn off/on the sync mod, cmd+maj+r my webflow and disconnect many times. But nothing works for now.
Important : the paste ov svg works perfectly on an other project.

Hope the slack community can help.

Thank you and have a good day !

Attachment
unnamed.png
M
P
H
7 comments

@Pierre Spark the exact same icon can be pasted into a different project?

can you share the SVG file for the icon (export out to SVG, I know, that defeats the purpose) but need to be able to replicate the bug before we can even begin to try to resolve.

Hey Matt,

Check the loom to understand better the problem : https://www.loom.com/share/550de5eba0f74aa09895a818071145c1?sid=b12fe118-fad3-4a75-a5c9-cc81cb7eab8b
On one Webflow project it works and the other dont...

"@Pierre Spark the exact same icon can be pasted into a different project?" : YES exactly
This is the icon SVG code and File attached :
<svg>http://www.w3.org/2000/svg"><br /><rect><br /><mask><br /><rect><br /></mask><br /><g><br /><path><br /></g><br /></svg>

Attachment
Relume.svg

And of course, as you can see, the class synchronisation mode is activated on both my projects!

Attachment
image.png

I have the same problem as of a few days ago

this is the answer he gaves me by mail Hi Pierre,

Appreciate your feedback here. Unfortunately there's not much we can really do here - there could be a hundred reasons why this SVG icon won't paste into a project (and it would into another project) or vice versa. its extremely complicated and I don't even know where I would begin.

Maybe if you pasted it into a project that it will paste it into, and then copy/paste that from one project to the next, it will work? I generally use https://icons.relume.io/collection/all - as I never have any issues but I do understand having custom icon sets and I've had very little issues or heard of many issues overall with pasting in SVGs.

I would make sure you are using the latest version of Chrome, and maybe ensure you do not have multiple webflow windows open. Maybe I've been able to point to a solution with some of this rambling. Really sorry for the inconvenience here.

Thanks,
Matt

yeah, it pasted in fine for me - hence the complication - but especially if we can't reproduce why its not pasting

Attachment
image.png
Add a reply
Sign up and join the conversation on Slack