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.