SVG簡単な例

HTML5 SVG画像は非常にシンプルであり、簡単な矩形を表示し、その幅は100ピクセル、高さが100ピクセル。

オンラインサンプル

SVG画像は非常にシンプルでも、非常に複雑でもできます。これはシンプルな例です:

<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>

ご覧の通り、この例は純粋なXMLです：

この例では、幅が100ピクセル、高さが100ピクセル。ストローク色（矩形輪郭）はHTML color #ff0000に設定されています。塗りつぶし色は#0000ffに設定されています。
以下に示すSVG画像が生成されました: