SVG weave two items

Calling all graphic designers!

I’m putting together a logo for a website and I’m not sure how to achieve the weaving effect with the loop in the screenshot. I’m having trouble figuring out how to get the red loop to overlap the top part of the tag to make it look like its tied on like in the jpg above it.

Any help is appreciated!


Here is my site Read-Only: LINK
(how to share your site Read-Only link)

Hey @moofawsaw, can you please edit your read only link, it doesn’t work.
Now about your issue, do you plan to animate those two items ?
If no, just do a svg.
If yes, problems are starting

This is how i would do it

https://preview.webflow.com/preview/louiss-fabulous-project?preview=02995c9490dcf99044ab02e950353ece

Hope this helps