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?