Simple SVG Example

HTML5 SVG images can be very simple, displaying a simple rectangle with a width of100 pixels, height is100 pixels.

Online example

SVG images can be very simple, or very complex. This is a simple example:

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

As you can see, this example is pure XML:

This example displays a simple rectangle with a width of100 pixels, height is100 pixels. The stroke color (rectangle outline) is set to HTML color #ff0000. The fill color is set to #0000ff.
The generated SVG image is as follows: