title: SVG path border radius
body: <p>I could use a little help with setting border-radius on path tag. Here’s the current code and here’s the wanted result</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;svg xmlns="http://www.w3.org/2000/svg"&gt;
      &lt;path d="M 80 10 A 70 70 0 1 1 23.368810393753677 38.855032339526886 L 37.52660779531526 49.14127425464517 A 52.5 52.5 0 1 0 80 27.5 Z"&gt;&lt;/path&gt;
  &lt;/svg&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p><a href="https://i.stack.imgur.com/lvchD.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/lvchD.png" alt="enter image description here"></a></p>