The <circle> SVG element is an SVG basic shape, used to draw circles based on a center point and a radius.

Let us dive straight in with an example. Take a look at the following code.

The <cursor> SVG element can be used to define a platform-independent custom cursor. A recommended approach for defining a platform-independent custom cursor is to create a PNG image and define a cursor element that references the PNG image and identifies the exact position within the image which is the pointer position (i.e., the hot spot).

There are several ways to color shapes (including specifying attributes on the object) using inline CSS, an embedded CSS section, or an external CSS file. Most SVG you'll find around the web use inline CSS, but there are advantages and disadvantages associated with each type.

The begin attribute defines when the associated element becomes active. For an animation element, this is the point at which the animation should begin.

The <ellipse> SVG element is an SVG basic shape, used to create ellipses based on a center coordinate, and both their x and y radius.

The <style> SVG element allows style sheets to be embedded directly within SVG content.

The <path> SVG element is the generic element to define a shape. All the basic shapes can be created with a path element.

The alphabetic attribute defines the lower baseline of a font. It has the same syntax and semantics as the baseline descriptor within an @font-face.

The <stop> SVG element defines a color and its position to use on a gradient. This element is always a child of a <linearGradient> or <radialGradient> element.