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

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

Powered by Tightknit
Issues
Issues

Issues with Relume Icons and SVG Compatibility in Webflow

Avatar of Susan M.Susan M.
路

Has anyone notice that Relume Icons is not transforming SVGs into a friendly format for Webflow development? When I paste the SVG code it does not seem to do anything. I discovered this because some of my icons are not changing color after font color change. https://icons.relume.io/

29 comments

  • Avatar of Matt J.
    Matt J.
    路

    Susan M. okay thanks for raising. We also have this built into our chrome extension now in theory you shouldn't need to do this here anymore. Lets say you are in Figma, if you have an icon you want to bring in - if you right click copy > copy as svg go to webflow, and paste, a menu should show up automatically that lets you choose what size you want the icon and it should paste in the embed element with the icon ready to go. Let me know if that process doesn't work though I've been using it all week long with no issues. I know you are a seasoned vet of Webflow/Relume, so apologies if I've explained something you already knew - happy to dig in deeper if you've run into issues with the process above or if there is a use case I might be missing.

  • Avatar of Susan M.
    Susan M.
    路

    Thanks for getting back so quickly and no worries. I feel like a newbie everyday.

  • Avatar of Susan M.
    Susan M.
    路

    I'm going from Icons8 to Relume website, to Webflow

  • Avatar of Matt J.
    Matt J.
    路

    ah yeah all good, we're lifelong learners you know?

  • Avatar of Susan M.
    Susan M.
    路
  • Avatar of Matt J.
    Matt J.
    路

    okay got it - and is icons8 opened like in Figma then or do they have SVG code

  • Avatar of Matt J.
    Matt J.
    路

    ah well that answers it

  • Avatar of Matt J.
    Matt J.
    路

    have you tried the SVG option? I'm thinking its something with the SVG Embed version

  • Avatar of Susan M.
    Susan M.
    路

    Sadly, Figma is not in my workflow yet. I tend to design in the browser.

  • Avatar of Matt J.
    Matt J.
    路

    roger that

  • Avatar of Susan M.
    Susan M.
    路

    I don't mind using SVG but I love to be able to change the color within Webflow.

  • Avatar of Matt J.
    Matt J.
    路

    oh yeah for sure, I'm just not familiar with icons8 and wondering what the svg option is - does it just download an svg file?

  • Avatar of Susan M.
    Susan M.
    路

    I believe so.

  • Avatar of Matt J.
    Matt J.
    路

    what is very odd to me is the html code that you have there in that screenshot, has no "fill" or "stroke" - which is what I am guessing that paste field is expecting in order to automatically convert it to "currentColor" - but that parameter doesn't even exist in that HTML embed that icons8 is spitting out

  • Avatar of Matt J.
    Matt J.
    路

    so its more of an issue with icons8 I think

  • Avatar of Susan M.
    Susan M.
    路

    Right, I bet it's being inconsistent with the code it delivers.

  • Avatar of Susan M.
    Susan M.
    路

    I should probably stick to the ones in Relume

  • Avatar of Matt J.
    Matt J.
    路

    yeah I just signed up but it locks the different formats behind a paywall which is fair but even in its preview of the code it has the fill in there but its still different than how figma produces it

  • Avatar of Matt J.
    Matt J.
    路

    if its a client requirement or something, one workaround would be to take the icons into figma free account, and right click to copy as svg and get the correct code that way, and just paste in webflow

  • Avatar of Susan M.
    Susan M.
    路

    Maybe I should go from icon8 to figma to webflow?

  • Avatar of Matt J.
    Matt J.
    路

    yeah

  • Avatar of Matt J.
    Matt J.
    路

    less than ideal of course, but its a feasible path forward

  • Avatar of Susan M.
    Susan M.
    路

    I'll take feasible over inconsistent.

  • Avatar of Matt J.
    Matt J.
    路

    馃挭

  • Avatar of Susan M.
    Susan M.
    路

    So just "Copy as code" and it should work automagically since I have the Relume plugin?

  • Avatar of Matt J.
    Matt J.
    路

    ah sorry my arrow didn't show up in my screenshot - Copy as SVG

    馃敟1
  • Avatar of Shane V.
    Shane V.
    路

    When I paste into webflow, it's not updating the color fill for me 馃

  • Avatar of Matt J.
    Matt J.
    路

    Shane V. where are you copying from?

  • Avatar of Shane V.
    Shane V.
    路

    Sorry I didnt' get back with you. It was Figma. But I must of changed something about my workflow because it seems to be working for me now!