Flags

SVG code for several different flags.

by Brian von Konsky

HTML

<svg width="100" height="70">
    <polygon points="0,35 100,35 100,0  0,0" style="fill:black" />
    <polygon points="0,70 100,70 100,35 0,35" style="fill:red" />
    <circle cx="50" cy="35" r="20" style="fill:yellow"/>
</svg>
<svg width="100" height="70" style="background-color:blue">
    <rect x="30" y="0" width="10" height="70" style="fill:yellow"/>
    <rect  x="0"  y="30" width="100" height="10" style="fill:yellow" />
</svg>
<svg width="100" height="70">
    <rect x="0"  width="33" height="70" style="fill:blue" />
    <rect x="33"  width="33" height="70" style="fill:white" />
    <rect x="66"  width="33" height="70" style="fill:red" />
</svg>
<img src="http://upload.wikimedia.org/wikipedia/en/b/b9/Flag_of_Australia.svg" width="100"/>

CSS

body {
    background-color: lightgrey;
}