Community forum for knowledge and support

Updated 9 months ago

Copying an icon of cart from figma using copy as svg

At a glance

The community member is having trouble copying an icon of a cart from Figma using "Copy as SVG" and is unable to paste it into a div. They have tried clearing cookies and logging in and out, but the issue persists. The comments suggest that the problem may be related to the complexity of the SVG or how it is being rendered, and that pasting an SVG directly into a webflow cart button may not be possible. The recommended solution is to export the icon from Figma as an SVG and treat it like an image instead of pasting the code directly.

Hi Relumers , I am trying to copy an icon of cart from Figma using copy as Svg, is it some server side problem on Relume ? coz the last thing I remember it was working well a week before on other project . Any help would be appreciated ? Cant even copy paste svg is in a div.

Steps I have tried :
clearing out cookies
Logging out and logging in back

M
V
3 comments

could be a number of things really - it depends on the icon, how complex it is, how many lines of code it is, how the svg is rendered, how you are copying the icon from figma etc.

When you copy the icon from figma are you right cilcking the icon > copy > Copy as SVG?

Also pasting things into the cart button might pose some issues as well

Yeah looks like you can not have a code embed in a webflow cart button.

Which is what the end result is of pasting an SVG into webflow - a code embed.

You would need to export the icon from figma as SVG and treat it like an image.

Ok Thanks I thought so the cart component would be the one causing problems

Add a reply
Sign up and join the conversation on Slack