Código HTML:
Ver original<svg
   xmlns:dc="http://purl.org/dc/elements/1.1/"
   xmlns:cc="http://creativecommons.org/ns#"
   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
   xmlns:svg="http://www.w3.org/2000/svg"
   xmlns="http://www.w3.org/2000/svg"
   version="1.1"
   id="svg2"
   viewBox="0 0 1000 800.00001"
   height="800"
   width="1000">
  <defs
     id="defs4" />
  <metadata
     id="metadata7">
    <rdf:RDF>
      <cc:Work
         rdf:about="">
        <dc:format>image/svg+xml</dc:format>
        <dc:type
           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
        <dc:title></dc:title>
      </cc:Work>
    </rdf:RDF>
  </metadata>
  <g
     transform="translate(0,-252.36216)"
     id="layer1">
    <rect
       y="369.50504"
       x="145.71428"
       height="80"
       width="305.71429"
       id="rojo"
       style="opacity:1;fill:#ff0000;fill-opacity:1;fill-rule:evenodd;stroke:#ff0000;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;" />
    <rect
       y="492.36215"
       x="262.85715"
       height="88.571426"
       width="302.85715"
       id="azul"
       style="opacity:1;fill:#00ffff;fill-opacity:1;fill-rule:evenodd;stroke:#ff0000;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
  </g>
</svg>
  
mira te dejo la etiqueta svg, para que lo veas. 
bueno aqui dentro hay estilos que me crea el inkscape, lo otro que te puse es la hoja que hize yo aparte, pero no interfiere o eso creo, mas que nada porque en el otro ejemplo funciona bien.