<!DOCTYPE HTML>
<html>
<body>
  <img src="data:image/svg+xml,
  <svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'>
    <g>
      <rect width='100%' height='100%' fill='Lime'/>
      <text x='10' y='25' font-size='16px'>svg-text</text>
    </g>
    <g transform='translate(40,40)'>
      <rect width='100%' height='100%' fill='yellow'/>
      <text x='10' y='25' font-size='16px'>svg-svg-text</text>
    </g>
    <g transform='translate(80,80)'>
      <rect width='100%' height='100%' fill='orange'/>
      <text x='10' y='25' font-size='16px'>svg-image-text</text>
    </g>
    <g transform='translate(120,120)'>
      <rect width='100%' height='100%' fill='red'/>
      <text x='10' y='25' font-size='16px'>svg-image-svg-text</text>
    </g>
  </svg>">
</body>
</html>