Tech and Media Labs
This site uses cookies to improve the user experience.

A Simple SVG Example

Jakob Jenkov
Last update: 2014-06-15

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

<svg  xmlns=""
    <rect x="10" y="10" height="100" width="100"
          style="stroke:#ff0000; fill: #0000ff"/>

As you can see this example is plain XML.

The example shows a simple rectangle with a width of 100 pixels and a height of 100 pixels. The stroke color (the rectangle outline) is set to the HTML color #ff0000. The fill color is set to #0000ff.

The resulting SVG image is shown below:

Jakob Jenkov

Copyright  Jenkov Aps
Close TOC