Community forum for knowledge and support

Updated 5 days ago

Pasting svg icons from figma into webflow

Hi everyone!
Is anyone else experiencing issues when pasting SVG icons from Figma into Webflow? I’ve tried with several icons, but I keep getting the same error.

Any tips?

M
A
15 comments

@Andres Sentis just did this very recently with success. Mind sending the SVG file or source?

<svg width="29" height="29" viewBox="0 0 29 29" fill="none" xmlns="<a target="_blank" rel="noopener noreferrer" href="http://www.w3.org/2000/svg">http://www.w3.org/2000/svg</a>">
<path d="M21.8105 15.4657C21.0571 14.9393 20.214 15.0879 19.686 15.8403C19.2692 16.4343 18.8464 16.9946 18.4633 17.5827C18.4355 17.6223 18.4077 17.6619 18.374 17.6678L18.0961 18.0638C18.0068 18.1489 17.9057 18.1668 17.7926 18.1173C17.4595 18.0026 17.0648 17.9334 16.7257 17.785C15.1154 17.132 13.6996 16.2019 12.4228 15.0738C11.7705 14.5295 11.1738 13.9061 10.7001 13.1915C10.6089 13.0688 10.5911 12.9678 10.6745 12.849L10.9523 12.453L11.0079 12.3738L11.3692 11.8591C11.6471 11.4631 11.9249 11.0671 12.1969 10.6374C12.7527 9.84546 12.6103 9.03779 11.8112 8.45001C11.369 8.11158 10.8991 7.81276 10.4232 7.48028C9.94734 7.1478 9.47147 6.81532 8.99559 6.48284C8.24212 5.95642 7.39906 6.10507 6.87107 6.85745C6.45424 7.45144 6.07114 8.03947 5.64837 8.5998C5.2534 9.12054 5.11228 9.7006 5.16411 10.3889C5.28062 11.444 5.68876 12.3783 6.22585 13.2552C7.31785 15.1099 8.73925 16.6636 10.373 18.0411C12.5797 19.9074 15.0743 21.2372 17.8567 22.0305C19.1042 22.4004 20.3894 22.5902 21.6827 22.4315C22.5654 22.3106 23.3392 21.9659 23.8216 21.1522C24.1769 20.6038 24.5719 20.083 24.9272 19.5346C25.483 18.7426 25.3405 17.935 24.5474 17.3808C23.7087 16.7653 22.7569 16.1004 21.8111 15.4691L21.8105 15.4657Z" fill="#020001"/>
</svg>

@Andres Sentis are you copying this SVG from Figma?

I was able to copy/paste that code into a webflow project and the extension prompted me on what size I wanted to import it as

might be an arc issue, hopefully not

mmmm I was thinking on that

let me try on chrome

one possible workaround, its an extra step or two which sucks but better than the other options is to use the SVG converter we have at the bottom of this page:
https://icons.relume.io/

still not working on chrome

I just tested it on another Webflow project, and it worked perfectly! It only stopped working on a specific project. Does that make sense?

Alright, I just went back into the project where it wasn’t working, and now it’s working! Thank you so much for your support! @Matt

Add a reply
Sign up and join the conversation on Slack