HTML Code

<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="utf-8">

  <title>SVG Path — semicircle arc</title>

</head>

<body>

  <h1>SVG &lt;path&gt; — semicircle arc (A)</h1>

  <svg width="240" height="140" viewBox="0 0 240 140" role="img" aria-label="Semicircular arc drawn with SVG path A command">

    <path d="M 50 100 A 70 70 0 0 1 190 100"

          fill="none" stroke="#10b981" stroke-width="4" stroke-linecap="round" />

  </svg>

</body>

</html>

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

SVG Path — arc with A (Try It)