Scalable Vector Graphics (SVG) is a royalties-free text-based language and file format, for drawing two-dimensional vector graphics. SVG may be freely used for any purpose, including commercial and non-commercial applications.
SVG defines vector graphics entities that are rendered on web browsers and other supporting platforms. It is a markup language that is similar to HTML, and may be embedded in html documents.
For example, the following SVG markup:
<svg width="100" height="100">
<circle cx="50" cy="50" r="40"
stroke="black"
stroke-width="4"
fill="Burlywood" />
</svg>
generates this filled circle on this web page:
As shown in this example, SVG markup must be between opening and closing SVG tags. The opening SVG tag is <svg>, and the closing SVG tag is </svg>. This is similar to how HTML works. For example, in an HTML document, HTML markup is between the document’s <html> and </html> tags.
An important difference from HTML, however, is that while HTML tags are not case sensitive, SVG tags must be lower-case letters. SVG color names do not need to be lower-case, as shown in the example above, but the SVG tags must be lower-case.