Cita:
Iniciado por furoya 
Me resultó extraña esa forma de presentar un SVG. Pensé que sería alguna "librería" compatibilizadora. Esperaba que alguien más preguntara, pero ya que pasé, aprovecho y lo hago yo ahora. ¿Hay algún manual sobre eso?. Tiene etiquetas muy raras.
Y ya que menciono cosas raras.
¿De veras?
Cita:
Iniciado por Panino5001 El código parece estar generado con inkscape y por eso es medio "complejo". A mi me gustó esta página como introducción a svg:
http://srufaculty.sru.edu/david.dailey/svg/#JSSMIL
Es viejita, pero con muchos ejemplos interesantes
Si, efectivamente lo hice con el Inkscape(me parece una buena herramienta entre las que he visto), tratando de interpretar/visualizar que es lo que quiere @Gilad, ya que no aclara mucho si la linea une 2 vertices de los divs, o los une por el centro como hizo @furoya.
Cabe aclarar que muchas de las etiquetas y atributos son solo para uso interno del Inkscape, (para una edición posterior basicamente), podría haberse hecho algo más simple
Código svg:
Ver original<svg width="640" height="480">
<g>
<polyline transform="rotate(5.0162, 286.5, 216.447)" se:connector="svg_2 svg_1" fill="none" stroke-width="5" stroke="#000000" points="364,154.76 286.5,216.449 209,278.138" id="svg_3"/>
<rect id="svg_1" height="119" width="119" y="266" x="90" fill="#FF0000"/>
<rect id="svg_2" height="120" width="120" y="47" x="364" fill="#7f3f00"/>
</g>
</svg>
Saludos