<svg width="740px" height="200px" xmlns="http://www.w3.org/2000/svg">
  <style>
    .fg { fill: #AAAAAA }
    .bg { background: #000000 }
    .fg-bright-blue { fill: #5555FF }
    .fg-bright-red { fill: #FF5555 }
    .container {
      padding: 0 10px;
      line-height: 18px;
    }
    .bold { font-weight: bold; }
    tspan {
      font: 14px SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace;
      white-space: pre;
      line-height: 18px;
    }
  </style>

  <rect width="100%" height="100%" y="0" rx="4.5" class="bg" />

  <text xml:space="preserve" class="container fg">
    <tspan x="10px" y="28px"><tspan class="fg-bright-red bold">error</tspan><tspan>: </tspan><tspan class="bold">mismatched types</tspan>
</tspan>
    <tspan x="10px" y="46px"><tspan>   </tspan><tspan class="fg-bright-blue bold">--&gt;</tspan><tspan> src/format.rs</tspan>
</tspan>
    <tspan x="10px" y="64px"><tspan class="fg-bright-blue bold">    |</tspan>
</tspan>
    <tspan x="10px" y="82px"><tspan class="fg-bright-blue bold"> 51 |</tspan><tspan> Foo</tspan>
</tspan>
    <tspan x="10px" y="100px"><tspan class="fg-bright-blue bold">    |</tspan>
</tspan>
    <tspan x="10px" y="118px"><tspan>   </tspan><tspan class="fg-bright-blue bold">:::</tspan><tspan> src/display.rs</tspan>
</tspan>
    <tspan x="10px" y="136px"><tspan class="fg-bright-blue bold">    |</tspan>
</tspan>
    <tspan x="10px" y="154px"><tspan class="fg-bright-blue bold">129 |</tspan><tspan> Faa</tspan>
</tspan>
    <tspan x="10px" y="172px"><tspan class="fg-bright-blue bold">    |</tspan>
</tspan>
    <tspan x="10px" y="190px">
</tspan>
  </text>

</svg>