Exemplo Simples SVG

HTML5 Imagens SVG podem ser muito simples, mostrando um retângulo simples, cuja largura é100 pixels, altura de100 pixels.

Exemplo online

Imagens SVG podem ser muito simples ou muito complexas. Este é um exemplo simples:

<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 você pode ver, este exemplo é puramente XML:

Este exemplo mostra um retângulo simples, cuja largura é100 pixels, altura de100 pixels. A cor da linha (contorno do retângulo) é definida como cor HTML #ff0000. A cor de preenchimento é #0000ff.
A imagem SVG gerada é a seguinte: