Inline SVG Circle

The SVG code for a circle is displayed inline in this
example and the following markup.
Inline means that the HTML file itself contains the SVG markup. The SVG markup follows.
Notice the stroke's declared with the
hexadecimal color format
of #FFFFFF.
The fill's declared with
a named color blue.
SVG accepts either color format convention.
Attributes cx and cy declare the
X and Y location of the circle.
Attribute r determines the circle's radius.

Inline SVG Text

The SVG code for text is displayed inline in this
example and the following markup.
Inline means that the HTML file itself contains the SVG markup.
Tag text indicates a character will display.
Attributes x and y declare
the coordinates for each text tag.
The SVG markup follows.

SVG as Image Source

Assign a separate SVG file to the src attribute of the img element in HTML markup.
Assign SVG XML markup for rectangle.svg the same as assignment for bitmap JPG, PNG, or GIF files.
The SVG file is assigned to the img tag's src attribute.
See the SVG image example
and the markup below.