Detailed list 9 gave out an example. Here scale an a rectangle, transparent circle and a triangle.
Detailed list 9. Simple logo
< ? Xml Version= "1.0" Standalone= "no" ? >
< ! DOCTYPE Svg PUBLIC "-//W3C//DTD SVG 1.1//EN "
"Http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd ">
<svg Width= "100%" Height= "100%" Version= "1.1 "Xmlns= "http://www.w3.org/2000/svg ">
<polygonPoints= "200, 100 300, 200 150, 250 "Style= "fill:#Cccccc;Stroke:#000000;stroke-width:1"/>
<rect X= "20" Y= "20" Width= "250" Height= "250 "Style= "fill:bLue;stroke:bLack;stroke-width:1;Fill-opacity:0.1;stroke-opacity:0.9 "/>
<circle Cx= "100" Cy= "50" R= "40" Stroke= "red "Fill= "red" Style= "fill-opacity:0.5" />
</svg>
Graph 1 showed the bitmap that creates image.
Graph 1. The bitmap version of image
SVG format describes the file of image to have 500 much byte only, PNG is close to 9 KB.
SVG makes plot becomes smaller, it is easier to make in order to is reached more easily compatible and different application program.