Embedded in the img element:
<img src="myimage.svg" alt="">Directly inline with the HTML code:
<svg height="100" width="100">
<circle cx="50" cy="50" r="40" stroke="black" stroke-width="3" fill="red" />
Sorry, your browser does not support inline SVG.
</svg>Embedded with the object element:
<object type="image/svg+xml" data="myimage.svg">
<img src="myimage.png" alt=""> <!-- This image will be displayed if the browser is not compatible with SVGs. -->
</object>Note: SVGs can also be used as background images with CSS:
header {
background-image: url(/images/myimage.png);
}