using svg in html

1<object data="algerie.svg" type="image/svg+xml"></object>
2

1<!-- external svg -->
2<img src="mySvgImage.svg" />
3
4<!-- internal svg example -->
5<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
6  <rect width="100" height="100" x="50" y="50"/>
7</svg>

1<img src="image.svg" />
2

1<svg width="100" height="100">  <!-- Draws a circle -->
2  <circle cx="50" cy="50" r="40" stroke="green" stroke-width="4" fill="yellow" />
3</svg>
4<svg width="400" height="100">  <!-- Draws a rectangle -->
5  <rect width="400" height="100" style="fill:rgb(0,0,255);stroke-width:10;stroke:rgb(0,0,0)" />
6</svg>
7<svg width="300" height="200">  <!-- Draws a star -->
8  <polygon points="100,10 40,198 190,78 10,78 160,198"
9  style="fill:lime;stroke:purple;stroke-width:5;fill-rule:evenodd;" />
10</svg>

1<img src="image.svg" width="100" height="100" />