<?xml-stylesheet type="text/css" href="../css/defaults.css"?>

<svg version="1.1"
     baseProfile="full"
     width="7" height="7"
     xmlns="http://www.w3.org/2000/svg">
     <defs>
          <mask id="hole">
               <rect width="100%" height="100%" fill="white" />
               <rect x="2" y="3" width="3" height="1" />
          </mask>
     </defs>
     <rect id="logotype-shape" x="1" y="2" width="5" height="3" fill="#184b81" mask="url(#hole)"/>
</svg>

Replace width and height with viewBox
Replace width and height with viewBox 

Make it more responsive, see https://www.smashingmagazine.com/2014/11/styling-and-animating-svgs-with-css/