Untitled

<!DOCTYPE html>
<html>
<body>

<span style="font-family: system-ui, Arial, sans-serif; font-size:64px;
            line-height:1; display:inline-flex; align-items:baseline;">
  <span>ha</span>
  <svg width="1.9em" height="1em" viewBox="0 0 190 100"
          style="display:block; margin:0; overflow:visible;
                transform:translate(-0.42em, 0.02em);"
          aria-hidden="true">
    <!-- All three use the same font size so they match each other -->
    <text x="70" y="98" text-anchor="middle"
          style="font-family:| system-ui, Arial, sans-serif; font-size:90px;
               Fill: #000; ">∩</text>
    <text x="105" y="98" text-anchor="middle"
          style="font-family: system-ui, Arial, sans-serif; font-size: 90px;
               Fill: #000; ">∩</text>
    <text x="140" y="98" text-anchor="middle"
          style="font-family: system-ui, Arial, sans-serif; font-size: 90px;
               Fill: #000; ">∩</text>
  </svg>

  <span style="display:inline-block; transform: translate(-0.62em, 0.00em);">er</span>
</span>
</body>
</html>