html svg path code example

Example 1: add svg to html

<!-- external svg -->
<img src="mySvgImage.svg" />

<!-- internal svg example -->
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
  <rect width="100" height="100" x="50" y="50"/>
</svg>

Example 2: using svg in html

<img src="image.svg" />

Example 3: html path star

<polygon points="100,10 40,198 190,78 10,78 160,198" style="fill-rule:nonzero;"/>

Example 4: SVG arc

SVG <path> arc
 A rx ry x-axis-rotation large-arc-flag sweep-flag(clockwise?) x y
 a rx ry x-axis-rotation large-arc-flag sweep-flag(clockwise?) dx dy