JSFiddle - React, Tailwind, and code Playground

HTML

<svg>
    <path id="Line1" d="M50,50
             A30,30 0 0,1 35,20
             L100,100"
          style="stroke:#660000; fill:none;"/>
    <path id="Line2" d="M110,110
             L100,0"
          style="stroke:#660000; fill:none;"/>
</svg>

JavaScript

var Line1 = document.getElementById("Line1");
var Line2 = document.getElementById("Line2");
//Add paths together
Line1.setAttribute('d', Line1.getAttribute('d') + ' ' + Line2.getAttribute('d'));
//Remove unnecessary second path
Line2.parentNode.removeChild(Line2);