HTML Code

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>SVG Text — multiline text</title>
</head>
<body>
  <h1>SVG &lt;text&gt; — multiline text with tspan</h1>
  <svg width="320" height="180" role="img" aria-label="Multiline SVG text created with tspan elements">
    <text x="30" y="60" font-family="Verdana, sans-serif" font-size="24" fill="#0f766e">
      <tspan x="30" dy="0">Line one</tspan>
      <tspan x="30" dy="34">Line two</tspan>
      <tspan x="30" dy="34">Line three</tspan>
    </text>
  </svg>
</body>
</html>

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

SVG Text — multiline text with tspan (Try It)