https://codepen.io/simkaUser/pen/brvVaq?editors=1100 это как пример , я пытался полностью сделать аналогию ....возможно в каких то браузерах не сработает SVG так как я не указал заголовки самого документа SVG
Такие плюшки на SVG делаются как в лужу пукнуть на коленке , открываете Inkscape и просто рисуете , потом сохраняете как отдельный файл и подключаете как background-image:url(ваш свг); либо как inline документ как в моём случае ...
Я рисовал на обычном листе бумаги и как видно на codepen что я просто сместил один слой g
Для того что бы пример сделать адаптивным требуется указать viewbox для svg
