line.html

<svg fill="none" viewBox="0 0 600 110" width="600" height="110" xmlns="www.w3.org">
  <foreignObject width="100%" height="100%">
    <div xmlns="www.w3.org">
      <style>
        /* Import official Ubuntu font */
        @import url('fonts.googleapis.com');
        
        .ubuntu-terminal {
          font-family: 'Ubuntu Mono', 'Courier New', monospace;
          background-color: #300a24; /* Canonical Aubergine */
          color: #ffffff;
          padding: 15px;
          border-radius: 6px;
          font-size: 16px;
          height: 80px;
          border: 1px solid #5E2750;
        }
        .prompt { color: #87ff5f; font-weight: bold; }
        .path { color: #5fafff; font-weight: bold; }
      </style>
      <div class="ubuntu-terminal">
        <div><span class="prompt">user@ubuntu</span>:<span class="path">~</span>$ sudo apt install ubuntu-style</div>
        <div style="color: #aaaaaa; margin-top: 4px;">Reading package lists... Done</div>
      </div>
    </div>
  </foreignObject>
</svg>