Relume Community Icon
Relume Community
  • 馃彔Home
  • 馃搮Events

  • 馃數Announcements
  • 馃數General
  • 馃數Getting Started
  • 馃數Issues
  • 馃數Showcase

Powered by Tightknit
Issues
Issues

Troubleshooting SVG Paste Issue in Webflow from Figma

Avatar of Pierre S.Pierre S.
路

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 !

7 comments

  • Avatar of Matt J.
    Matt J.
    路
    路

    Pierre S. the exact same icon can be pasted into a different project?

  • Avatar of Matt J.
    Matt J.
    路
    路

    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.

  • Avatar of Pierre S.
    Pierre S.
    路
    路

    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 S. the exact same icon can be pasted into a different project?" : YES exactly This is the icon SVG code and File attached : <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect width="32" height="32" rx="16" fill=""/> <mask id="mask0_3325_7767" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="6" y="6" width="20" height="21"> <rect x="6" y="6.15527" width="20" height="20" fill=""/> </mask> <g mask="url(#mask0_3325_7767)"> <path d="M14.2292 16.1553C13.9071 16.1553 13.6426 16.0303 13.4355 15.7803C13.2285 15.5303 13.1667 15.2525 13.25 14.9469L13.6042 13.1136C13.7153 12.5303 13.9965 12.0581 14.4479 11.6969C14.8993 11.3358 15.4133 11.1553 15.9899 11.1553C16.58 11.1553 17.1007 11.3358 17.5521 11.6969C18.0035 12.0581 18.2847 12.5303 18.3958 13.1136L18.75 14.9469C18.8194 15.2692 18.7535 15.5511 18.5521 15.7928C18.3507 16.0344 18.0903 16.1553 17.7708 16.1553H14.2292ZM14.8333 14.6553H17.1667L16.9167 13.4053C16.875 13.1831 16.7671 13.0025 16.5929 12.8636C16.4187 12.7247 16.2208 12.6553 15.9992 12.6553C15.7775 12.6553 15.5799 12.7247 15.4062 12.8636C15.2326 13.0025 15.125 13.1831 15.0833 13.4053L14.8333 14.6553ZM8.75185 17.1553C8.44506 17.1692 8.18403 17.1067 7.96875 16.9678C7.75347 16.8289 7.61111 16.6233 7.54167 16.3511C7.51389 16.2344 7.50694 16.1101 7.52083 15.9782C7.53472 15.8462 7.56944 15.7317 7.625 15.6344L7.60417 15.5719C7.5625 15.5303 7.49722 15.3656 7.40833 15.0781C7.38611 14.9212 7.40625 14.7733 7.46875 14.6344C7.53125 14.4956 7.61806 14.3706 7.72917 14.2594L7.77083 14.1969C7.79861 13.9608 7.90278 13.7525 8.08333 13.5719C8.26389 13.3914 8.47917 13.3011 8.72917 13.3011C8.79861 13.3011 8.93275 13.3358 9.13158 13.4053L9.1875 13.3844C9.25694 13.315 9.34259 13.2594 9.44444 13.2178C9.5463 13.1761 9.65452 13.1553 9.7691 13.1553C9.90915 13.1553 10.0382 13.1796 10.1562 13.2282C10.2743 13.2768 10.3681 13.3497 10.4375 13.4469C10.4514 13.4469 10.4618 13.4504 10.4688 13.4574C10.4757 13.4643 10.4861 13.4678 10.5 13.4678C10.6778 13.4817 10.8333 13.5407 10.9667 13.6449C11.1 13.749 11.2063 13.8869 11.2857 14.0584C11.3175 14.1508 11.3299 14.2421 11.3229 14.3324C11.316 14.4226 11.2986 14.5045 11.2708 14.5781C11.2708 14.5903 11.2778 14.6148 11.2917 14.6516C11.375 14.7374 11.4444 14.8393 11.5 14.9574C11.5556 15.0754 11.5833 15.1969 11.5833 15.3219C11.5833 15.3497 11.5486 15.4817 11.4792 15.7178C11.4653 15.7456 11.4653 15.7733 11.4792 15.8011L11.5208 16.1344C11.5208 16.4147 11.3993 16.6549 11.1562 16.855C10.9132 17.0552 10.6319 17.1553 10.3125 17.1553H8.75185ZM22.5104 17.1553C22.0868 17.1553 21.7292 17.008 21.4375 16.7134C21.1458 16.4187 21 16.0646 21 15.6509C21 15.5004 21.0243 15.3594 21.0729 15.2277C21.1215 15.0961 21.1806 14.9678 21.25 14.8428L20.5833 14.2594C20.4722 14.1483 20.4479 14.0199 20.5104 13.874C20.5729 13.7282 20.6944 13.6553 20.875 13.6553H22.5C22.9125 13.6553 23.2656 13.8021 23.5594 14.0959C23.8531 14.3896 24 14.7428 24 15.1553V15.5303C24 15.9771 23.8576 16.3597 23.5729 16.6779C23.2882 16.9962 22.934 17.1553 22.5104 17.1553ZM6 21.1553V19.9053C6 19.1692 6.34375 18.6275 7.03125 18.2803C7.71875 17.9331 8.54167 17.7594 9.5 17.7594C9.70833 17.7594 9.91667 17.7699 10.125 17.7907C10.3333 17.8115 10.5417 17.8428 10.75 17.8844C10.5 18.1344 10.3125 18.4504 10.1875 18.8324C10.0625 19.2143 10 19.5719 10 19.9053V21.1553H6ZM11 21.1553V19.9157C11 19.0893 11.4236 18.4226 12.2708 17.9157C13.1181 17.4087 14.3611 17.1553 16 17.1553C17.6389 17.1553 18.8819 17.4081 19.7292 17.9139C20.5764 18.4196 21 19.0834 21 19.9053V21.1553H11ZM22.5 17.7594C23.4583 17.7594 24.2812 17.9331 24.9688 18.2803C25.6562 18.6275 26 19.1692 26 19.9053V21.1553H22V19.9053C22 19.5719 21.941 19.2143 21.8229 18.8324C21.7049 18.4504 21.5139 18.1344 21.25 17.8844C21.4583 17.8428 21.6652 17.8115 21.8705 17.7907C22.0759 17.7699 22.2857 17.7594 22.5 17.7594ZM16 18.6553C15.1111 18.6553 14.4097 18.7351 13.8958 18.8949C13.3819 19.0546 12.9306 19.3081 12.5417 19.6553H19.4583C19.0556 19.3081 18.6007 19.0546 18.0938 18.8949C17.5868 18.7351 16.8889 18.6553 16 18.6553Z" fill="white"/> </g> </svg>

  • Avatar of Pierre S.
    Pierre S.
    路
    路

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

  • Avatar of Harry P.
    Harry P.
    路
    路

    I have the same problem as of a few days ago

  • Avatar of Pierre S.
    Pierre S.
    路
    路

    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

  • Avatar of Matt J.
    Matt J.
    路
    路

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