<!DOCTYPE HTML>
<html>
<body>
  <svg style="width: 200px; height: 500px"
       viewBox="0 0 100 100" preserveAspectRatio="none"
       shape-rendering="crispEdges">
    <rect x="2" y="2" height="96" width="96"
          stroke-width="4" stroke="black" fill="yellow"/>
    <circle cx="50" cy="50" r="46" style="fill: blue"/>
  </svg>
</body>
</html>