Swap embeded SVGs in button component

I want to swap out icons in a button component (code embed SVGs, not an image), but can’t find a practical way to do this.

Currently, the only 2 ways I know how to do this would be either:

  1. Detach the component instance and then edit the embed code for the SVG.
  2. Just have an SVG image rather than have it embed (because Webflow allows images to be swapped). The issue with this is that Webflow doesn’t allow for the color of SVGs to change unless I embed the code.

Does anyone have any solutions/tutorials etc. that might be helpful? Possibly some kind of instance swapping?

I have the same need. I create component buttons in my style guides and have several with html-embedded SVG’s - and was hoping the latest component update would allow this - but the overrides are still on simple elements.

They did day that custom properties we can override would evolve to include styling elements/properties, so lets hope we can replace the contents of an embed soon.