Ejemplo simple de SVG

HTML5 Las imágenes SVG pueden ser muy sencillas, mostrando un rectángulo simple, con un ancho de100 píxeles, la altura es100 píxeles.

Ejemplo en línea

Las imágenes SVG pueden ser muy sencillas o muy complejas. Este es un ejemplo simple:

<svg　　xmlns="http://www.w3.org/2000/svg"
　xmlns:xlink="http://www.w3.org/1999/xlink">
　<rect　x="10"　y="10"　height="100"　width="100"　style="stroke:#ff0000;　fill:　#0000ff"/>
</svg>

Como puede ver, este ejemplo es puro XML:

Este ejemplo muestra un rectángulo simple, cuyo ancho es100 píxeles, la altura es100 píxeles. El color del trazo (contorno del rectángulo) se establece en HTML color #ff0000. El color de relleno se establece en #0000ff.
La imagen de SVG generada se muestra a continuación: