Hey Quinn B. 👋
If you download any SVG, including ones from Google Fonts/Material Symbols, you can open that SVG in your web browser, right-click and inspect it, and then in the dev tools pane, you can right-click the code snippet from the very top and "Edit as HTML".
Then, copy the code snippet—this code snippet is effectively the path that crafts the SVG.
Paste that into the HMTL embed in Webflow that holds the icon you want to replace. In other words, replace the old icon SVG code with the new icon's code.
Note, you may need to style the new code—for example, a lot of SVG code from Google's Material Icons and Material Symbols library will use pixel units for height and width, or they'll have a fixed hex code for color. You can update these right in the code embed in Webflow to style them how you'd like (e.g., replacing pixels with 100% for height or width, or specifying currentColor for icon color).
